Find & Download Material Design Icons

Access the complete Material Design icon library. Search thousands of icons, customize their appearance, and download them ready to use in your project. Updated regularly.

Find & Download Material Design Icons

Browse the official Material Design icon library. Filter by style and download in SVG or PNG.

Search Icons:

Style:

Showing 102 icons

Using Material Icons

<!-- Add to your HTML head -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<!-- Use in your HTML -->
<span class="material-icons">home</span>
<span class="material-icons-outlined">star</span>
<span class="material-icons-round">favorite</span>
<span class="material-icons-sharp">search</span>

How the Material Design Icon Finder Works

Search through Google's official Material Design icon library. Type keywords like "home", "settings", or "search" to find relevant icons. Results update as you type.

Filter icons by style - Filled for solid icons, Outlined for line icons, Rounded for soft corners, or Sharp for angular designs. Each style gives a different visual feel.

Click icons to add them to your selection. Choose download color and size. Download selected icons as SVG files or copy the HTML code for Google Fonts integration. The icons are ready to use immediately in any Material Design project.

When You'd Actually Use This

Building Android apps

Android apps follow Material Design guidelines. Use official Material icons for navigation, actions, and status. Ensures consistency with platform conventions.

Creating Material Design websites

Following Material Design for web? Use matching icons throughout. The consistent style reinforces the design language across your entire site.

Prototyping with Material UI

Using Material UI components? Match icons to the component library. Creates cohesive prototypes that look production-ready from the start.

Designing Flutter applications

Flutter uses Material icons by default. Find the exact icon names in this library. Use the same names in your IconData references for perfect matches.

Creating design system documentation

Documenting your icon usage? Reference Material icon names in your design system. Developers can easily find and implement the correct icons.

Building admin panels and dashboards

Admin interfaces need clear, recognizable icons. Material icons are well-tested for usability. Users immediately understand their meaning.

What to Know Before Using

Icons are available via Google Fonts.Include the Google Fonts link in your HTML head. Then use icons with simple span tags. No download needed for web projects.

Four styles serve different purposes.Filled for primary actions, Outlined for secondary, Rounded for friendly interfaces, Sharp for technical products. Match style to your brand.

Icon names are consistent.Names use underscores, not hyphens. "settings" not "settings-icon". Use exact names when referencing in code or Google Fonts.

Some icons have multiple variants.Icons like "star" come in filled, outlined, and half-filled versions. Choose the variant that matches your UI state or design need.

Pro tip: For best performance, only load the icons you use. Instead of the full library, download individual SVGs or use icon font subsetting tools.

Common Questions

Are Material icons free to use?

Yes. Material icons are open source under Apache License 2.0. Free for personal and commercial projects. No attribution required.

How do I use Material icons in my project?

Add the Google Fonts link to your HTML. Then use span tags with class "material-icons" and the icon name as content. See the usage code in the tool.

Can I change the icon size?

Yes. Set font-size in CSS or use size classes: material-icons-sm, material-icons-md, material-icons-lg, material-icons-xl.

Do Material icons work offline?

Not with Google Fonts CDN. Download SVG files for offline use. Or self-host the icon font files on your server.

Can I use Material icons in mobile apps?

Yes. Android includes Material icons by default. For iOS and cross-platform, use the icon font or SVG files in your app bundle.

How many icons are in the library?

Over 2,500 icons across all categories. Covers navigation, actions, content, places, and more. One of the most comprehensive free icon sets.

Can I request new Material icons?

Google occasionally updates the library. Submit requests through the Material Design GitHub repository. Community feedback influences additions.

Other Free Tools

Search tools

Find & Download Material Design Icons