Material Icons

Instant CSS & Tailwind Generator

Snippet updates automatically to match whichever weight you select above.

What do I do with this?

Just want to use the font? Click "Get this font on Google Fonts" to download it or add it directly to a document, design tool (like Canva or Photoshop), or your computer's font list.

Building a website? Click "Copy Font Code" to copy a short snippet, then paste it into your website's HTML (usually inside the <head> section) to use this font on your site.

Material Icons is not a traditional typeface but a symbol and icon font developed by Google as part of the Material Design system. It consists of a comprehensive set of outlined and filled pictograms covering actions, navigation, communication, and content categories. The glyphs are clean, geometric, and built on a consistent visual grid, giving them a uniform weight and optical balance across the entire set. The overall character is functional and modern, designed to communicate meaning at small sizes without decoration or ambiguity. It reads as professional and system-oriented rather than expressive or editorial.

Material Icons is a natural fit for web and mobile application interfaces where icon-based navigation, status indicators, and action buttons are needed without loading individual image assets. It works well in dashboard and admin panel design, where consistent iconography across menus, data tables, and toolbars improves usability and reduces visual noise. It is also useful in design systems and component libraries, where teams need a reliable, scalable icon set that integrates cleanly with utility-first CSS frameworks or component-based front-end environments.

Best suited for: Material Icons suits interface design requiring consistent, scalable pictograms for navigation, actions, and status indicators across web and mobile applications.

Design considerations: As a symbol font rather than a traditional typeface, Material Icons functions optimally at small to medium sizes where its geometric clarity and grid-based construction enhance legibility. The single regular weight and outlined/filled glyph variants support straightforward implementation in interface systems without typographic complexity.

Pairing guidance: Pair Material Icons with Roboto for a cohesive Material Design ecosystem, Source Sans 3 for a contemporary sans-serif alternative with extended weights, or Space Mono to introduce monospace contrast while maintaining systematic visual language in interface hierarchies.

Pairs well with

Material Icons at a glance

Material Icons styles

Can I use Material Icons commercially?

Yes, it's free for personal and commercial use. Material Icons is released under the SIL Open Font License 1.1. You can use it in logos, websites, apps, videos, printed products and merchandise without paying or asking permission. The one thing you can't do is sell the font file on its own.

Fonts similar to Material Icons

Material Icons FAQ