Material Icons

2,100+ ready-to-use React Material Icons from the official website.

@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.

Google also offers Material Symbols as the successor of Material Icons. @mui/icons-material only covers Icons at this time, there are 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.”