005cf56baf
1.7 KiB
productId, components, materialDesign, packageName, githubLabel
| productId | components | materialDesign | packageName | githubLabel |
|---|---|---|---|---|
| material-ui | Icon, SvgIcon | https://m2.material.io/design/iconography/system-icons.html | @mui/icons-material | package: icons |
Material Icons
2,100+ ready-to-use React Material Icons from the official website.
{{"component": "@mui/docs/ComponentLinkHeader"}}
@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:
npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
pnpm add @mui/icons-material @mui/material @emotion/styled @emotion/react
yarn add @mui/icons-material @mui/material @emotion/styled @emotion/react
See the Installation page for additional docs about how to make sure everything is set up correctly.
:::info
Google offers Material Symbols as the successor to Material Icons. However, @mui/icons-material currently supports only Icons, with no support for Symbols yet.
:::
Search Material Icons
Browse through the icons below to find the one you need. The search field supports synonyms—for example, try searching for "hamburger" or "logout."
{{"demo": "SearchIcons.js", "hideToolbar": true, "bg": true}}