@mui/icons-material
Advanced tools
This package contains Google's Material Icons converted to Material UI SVG Icon components.
Google also offers Material Symbols as the successor of Material Icons.
@mui/icons-materialonly covers Icons at this time, there are no support for Symbols yet.
The Material Icons package depends on Material UI—install both with the following command:
npm install @mui/icons-material@^6.0.0 @mui/material@^6.0.0 @emotion/styled @emotion/react
If you wish to use the latest version, remove the @^6.0.0 suffix.
The Icons package is updated via a script that reads through Google's Material Icons set and extracts the SVG elements from there. Because of this, we don't accept new icons that diverge from the source.
To update the @mui/icons-material package with the latest Material Icons set, run the following commands:
pnpm src:downloadpnpm src:iconspnpm docs:mdicons:synonymsThis process is performed by the maintainers on a quarterly basis.
React-icons is a popular package that provides a large collection of icons from various icon libraries such as Font Awesome, Ionicons, and Material Design icons. It allows for easy integration and customization of icons in React applications, similar to @mui/icons-material, but with a broader range of icon sets.
Font Awesome is a widely used icon set that can be integrated into web projects. It offers both free and pro versions with a large selection of icons. While it is not a React-specific package, it can be used in React applications through the 'react-fontawesome' wrapper. It differs from @mui/icons-material in that it is not specifically designed for Material Design.
MDI-React is a package that provides Material Design Icons for React. It is similar to @mui/icons-material in that it focuses on Material Design icons, but it is a separate project not affiliated with the Material-UI team. It offers a different set of icons and may have different customization options.
FAQs
Material Design icons distributed as SVG React components.
The npm package @mui/icons-material receives a total of 2,605,817 weekly downloads. As such, @mui/icons-material popularity was classified as popular.
We found that @mui/icons-material demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 10 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
React disclosed a CVSS 10.0 RCE in React Server Components and is advising users to upgrade affected packages and frameworks to patched versions now.
Research
/Security News
We spotted a wave of auto-generated “elf-*” npm packages published every two minutes from new accounts, with simple malware variants and early takedowns underway.
Research
/Security News
Malicious Rust crate evm-units disguised as an EVM version helper downloads and silently executes OS-specific payloads likely aimed at crypto theft.