@material-ui/icons
Advanced tools
Material Design Svg Icons converted to Material-UI React components.
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 @material-ui/icons
// with yarn
yarn add @material-ui/icons
These components use the Material-UI SvgIcon component to
render the SVG path for each icon, and so a have a peer-dependency on the next release of Material-UI.
If you are not already using Material-UI in your project, you can add it with:
// with npm
npm install @material-ui/core
// with yarn
yarn add @material-ui/core
React-icons is a popular icon library that includes icons from various icon sets like Font Awesome, Ionicons, and Material Design. It provides similar functionality to @material-ui/icons but with a wider range of icon sets to choose from.
Font Awesome is a comprehensive icon library that can be used in web projects. It offers a large set of icons, but unlike @material-ui/icons, it is not specifically designed for React and does not provide icons as React components out of the box.
MDI-React is a wrapper for Material Design Icons that allows them to be used as React components. It is similar to @material-ui/icons but is focused solely on Material Design Icons, whereas @material-ui/icons is part of the broader Material-UI framework.
FAQs
Material Design Svg Icons converted to Material-UI React components.
The npm package @material-ui/icons receives a total of 280,499 weekly downloads. As such, @material-ui/icons popularity was classified as popular.
We found that @material-ui/icons demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 8 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
GitHub postponed a new billing model for self-hosted Actions after developer pushback, but moved forward with hosted runner price cuts on January 1.
Research
Destructive malware is rising across open source registries, using delays and kill switches to wipe code, break builds, and disrupt CI/CD.
Security News
Socket CTO Ahmad Nassri shares practical AI coding techniques, tools, and team workflows, plus what still feels noisy and why shipping remains human-led.