How to Download Material Design Icons Icons as SVG or PNG
Material Design Icons are Google's official icon set, designed to follow Material Design guidelines. Every icon comes in 5 styles: filled, outlined, rounded, sharp, and two-tone. They're the default choice for Android apps and any project using Material UI or Angular Material.
- Find your icon — Search by name in the grid above (e.g., "home", "search", "menu"), or scroll through all 2,122 Material Design Icons icons.
- Set size and color — Click the icon to open the export panel. Pick any size from 16px to 512px and set a custom color.
- Download or copy code — Save as SVG, PNG, JPG, or WebP. Or copy raw SVG, React component, or Vue snippet to paste into your project.
Why Use Material Design Icons?
- Official Google design system — guaranteed consistency with Android/Material UI
- 5 style variants per icon (filled, outlined, rounded, sharp, two-tone)
- Designed on a 24px grid — crisp at standard UI sizes
- Included by default in Flutter and Angular Material
About Material Design Icons
Google's official Material Design icon set. Clean, modern icons designed for Android, web, and iOS. The library contains 2,122 icons, licensed under Apache 2.0. Visit https://fonts.google.com/icons for official documentation.
Other Icon Libraries to Download
- Download Phosphor Icons icons — 9,072 icons as SVG/PNG
- Download Material Design Icons Community icons — 7,447 icons as SVG/PNG
- Download Tabler Icons icons — 5,039 icons as SVG/PNG
- Download Noto Emoji icons — 3,800 icons as SVG/PNG
- Download Simple Icons icons — 3,420 icons as SVG/PNG
- Download Remix Icon icons — 3,229 icons as SVG/PNG
- Download Fluent UI Icons icons — 2,428 icons as SVG/PNG
- Download Bootstrap Icons icons — 2,078 icons as SVG/PNG
- Download Font Awesome icons — 1,970 icons as SVG/PNG
- Download Lucide icons — 1,941 icons as SVG/PNG
- Download Boxicons icons — 1,634 icons as SVG/PNG
- Download Ionicons icons — 1,357 icons as SVG/PNG
- Download Ant Design Icons icons — 831 icons as SVG/PNG
- Download css.gg icons — 704 icons as SVG/PNG
- Download Heroicons icons — 324 icons as SVG/PNG
- Download Feather Icons icons — 287 icons as SVG/PNG
Frequently Asked Questions
What is the difference between Material Design Icons and Material Design Community?
Material Design Icons (md) are Google's official set (~2,100 icons). Material Design Community (mdi) is a community-maintained superset with 7,000+ icons that follows the same design language but adds many more icons not in the official set.
Which Material Design icon style should I use?
Outlined is the most popular for modern apps. Filled works well for active/selected states. Rounded is softer and friendlier. Use one style consistently throughout your project.
Can I use Material Design Icons without Google Fonts?
Yes. IconFontToPNG extracts each icon as a standalone SVG file. No Google Fonts, no CDN, no dependency on Google servers.
How to download Material Design Icons icons as PNG?
Find the icon in the grid above, click it, select your desired size and PNG format, then click Download. Rendered instantly in your browser — no server upload needed.
How to extract Material Design Icons icons as SVG?
Click any icon and press "Copy SVG" or "Download SVG". Each icon is a standalone SVG with customizable size and color.
Can I convert Material Design Icons icons to PNG without installing anything?
Yes. All 2,122 icons are pre-loaded. Search, click, download — no npm, no font files, no build tools.
Is it free to download Material Design Icons icons?
Yes, 100% free. Material Design Icons is open source (Apache 2.0). No signup, no watermarks, no limits. See our
licenses page for details.
Can I use Material Design Icons icons in commercial projects?
Yes. Apache 2.0 permits commercial use. See our
licenses page for full terms.