Search results
@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:
Guidance and suggestions for using icons with Material UI. Material UI provides icon support in three ways: With Material Icons exported as React components (SVG icons). With the SvgIcon component, a React wrapper for custom SVG icons. With the Icon component, a React wrapper for custom font icons.
API. API reference docs for the React SvgIcon component. Learn about the props, CSS, and other APIs of this exported module.
Material icons. 1,700+ React Material icons ready-to-use from the official website. The following npm package, @mui/icons-material, includes the 1,700+ official Material icons converted to SvgIcon components.
MUI provides icons support in three ways: Standardized Material Design icons exported as React components (SVG icons). With the SvgIcon component, a React wrapper for custom SVG icons. With the Icon component, a React wrapper for custom font icons.
API. API reference docs for the React Icon component. Learn about the props, CSS, and other APIs of this exported module.
Get many Material UI components with states, variations, colors, typography, and icons on your preferred design tool.
MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design.
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.
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. delete forever is exposed as @material-ui/icons/DeleteForever.
