@mui/icons-material includes the 2,100+ official Material Icons converted to SvgIcon components. It depends on @mui/material , which requires Emotion packages. Use one of the following commands to install it:

The Material Design guidelines name the icons using "snake_case" naming (for example delete_forever, add_a_photo), while @mui/icons-material exports the respective icons using "PascalCase" naming (for example DeleteForever, AddAPhoto).

Material Icons. 1,100+ React Material icons ready to use from the official website. The following npm package, @material-ui/icons, includes the 1,100+ official Material icons converted to SvgIcon components.

For each SVG icon, we export the respective React component from the @mui/icons-material package. You can search the full list of these icons. Installation. Install the package in your project directory with: // with npm npm install @mui / icons-material // with …

API reference docs for the React Icon component. Learn about the props, CSS, and other APIs of this exported module.

We provide a separate NPM package, @material-ui/icons, that includes the 1,000+ official Material icons converted to SvgIcon components. Usage. You can use material.io/tools/icons to find a specific icon. When importing an icon, keep in mind that the names of the icons are PascalCase, for instance: delete is exposed as @material-ui/icons/Delete

Material Icons. Más de 1,100 iconos de Material React listos para usar desde el sitio web oficial. El siguiente paquete npm, @material-ui/icons, incluye más de 1,100 Material icons oficiales convertidos a componentes SvgIcon.

import SvgIcon from '@mui/material/SvgIcon'; // or import {SvgIcon } from '@mui/material'; Learn about the difference by reading this guide on minimizing bundle size . Props

The API documentation of the Icon React component. Learn more about the properties and the CSS customization points.

Icons. To use the font Icon component or the prebuilt SVG Material Icons (such as those found in the icon demos), you must first install the Material Icons font. You can do so with npm, or with the Google Web Fonts CDN.