Material Icons

<p class="description">2,100+ ready-to-use React Material Icons from the official website.</p>

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

<codeblock storageKey="package-manager">

bash

npm install @mui/icons-material @mui/material @emotion/styled @emotion/react

bash

pnpm add @mui/icons-material @mui/material @emotion/styled @emotion/react

bash

yarn add @mui/icons-material @mui/material @emotion/styled @emotion/react

</codeblock>

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

<hr/>

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