@mdi/js

Note: Please use the main MaterialDesign repo to report issues. This repo is for distribution of the JavaScript files only.

JavaScript/TypeScript - Material Design Icons

JavaScript and TypeScript distribution for the Material Design Icons. This module contains all the path data for all icons.

npm install @mdi/js

Usage

import { mdiAccount } from '@mdi/js'

console.log(mdiAccount); // "M...Z"

Note: WebPack 4 or Rollup will tree shake unused icons.

Related Packages

NPM @MDI Organization

• React: MaterialDesign-React
• SVG: MaterialDesign-SVG
• Webfont: MaterialDesign-Webfont
• Font-Build: MaterialDesign-Font-Build
• Desktop Font: MaterialDesign-Font

Learn More

• MaterialDesignIcons.com
• https://github.com/Templarian/MaterialDesign

Similar packages

Other packages similar to @mdi/js

react-icons

react-icons provides a set of popular icons as React components. It supports multiple icon libraries, including Material Design Icons, FontAwesome, and more. Unlike @mdi/js, which provides raw SVG paths, react-icons offers ready-to-use React components.

material-design-icons

material-design-icons is the official icon set from Google for Material Design. It provides icons in various formats, including SVG, PNG, and web fonts. While @mdi/js focuses on providing SVG paths as JavaScript constants, material-design-icons offers a broader range of formats.

mdi-react

mdi-react is a package that provides Material Design Icons as React components. It is similar to @mdi/js in that it focuses on Material Design Icons, but it offers the icons as React components instead of raw SVG paths.