Material Design Icons Icons
The world's largest community-driven icon library, extending Google's Material Design spec with thousands of additional icons.
About Material Design Icons
The world's largest community-driven icon library, extending Google's Material Design spec with thousands of additional icons.
Available Styles
What You Get
| Feature | Details |
|---|---|
| Icon count | 7,447 icons in this library |
| License | Apache 2.0 |
| Creator | Pictogrammers community |
| Export formats | SVG, PNG, JSX, Base64. Copy to clipboard or download instantly. |
| Customization | Color, size, rotation, flip. All in-browser. |
| Account required | None. No sign-up needed. |
How to Use Material Design Icons Icons
1. Search the library
Head to Browse Icons and filter by “Material Design Icons” to browse all 7,447 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between Outline and Filled styles, or rotate and flip.
3. Export
Copy the SVG, download a PNG at any size, grab the icon ID for @iconify/react, or export as JSX or Base64. No account required.
Use in React / Next.js
Install the Iconify React package and use Material Design Icons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Material Design Icons icon
<Icon icon="mdi:home" className="h-6 w-6" />Browse Material Design Icons Icons Free
7,447 icons. No watermarks, no account, no attribution required.