Getting Started with Webpack

The @mdi/js module and ES6 alongside Webpack has tree-shaking enabled for production builds.

Tree-shaking will remove any unused icons. The example below will only bundle a single icon's data.

import { mdiAccount } from '@mdi/js'; console.log(mdiAccount); // M...Z Path data

To learn more about using @mdi/js with frameworks look at the specific guides for more details.


For TypeScript make sure you have "module":"es6" set in the tsconfig.json.