Material Design icons distributed as SVG React components.

Usage no npm install needed!

<script type="module">
  import muiIconsMaterial from 'https://cdn.skypack.dev/@mui/icons-material';



This package provides the Google Material icons packaged as a set of React components.


Install the package in your project directory with:

// with npm
npm install @mui/icons-material

// with yarn
yarn add @mui/icons-material

These components use the MUI SvgIcon component to render the SVG path for each icon.

If you are not already using MUI in your project, you can add it with:

// with npm
npm install @mui/material

// with yarn
yarn add @mui/material



This icon set is meant to be in sync with Google's Material Icons. Therefore, we don't accept fixes, additions, or any other contributions that would make this package diverge from the source.

To synchronize with Material Icons, do the following:

  1. Inside this workspace run yarn src:download
  2. Inside this workspace run yarn src:icons
  3. Inside the root run yarn docs:mdicons:synonyms
  4. If the number of icons changed significantly, edit the icons/icons.md and material-icons/material-icons.md under docs/src/pages/components and update the numbers.