Material Icons Outlined

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 Outlined is a symbol font rather than a traditional text typeface. It renders interface icons in a clean, outlined stroke style, meaning shapes are defined by their edges rather than filled with solid color. The visual weight is light and consistent, giving each icon a modern, minimal look that feels at home in digital environments. The outlined treatment adds a layer of visual breathing room compared to filled icon variants, making individual symbols easier to distinguish at a glance without feeling heavy or cluttered. The overall personality is functional and neutral, designed to communicate quickly and clearly without drawing attention to itself.

This font is best suited for web and mobile application interfaces where scalable, consistent iconography is needed alongside text labels. A SaaS dashboard or productivity tool would benefit from its clean icon set to represent actions like settings, notifications, search, and navigation without adding visual noise. It also works well in design systems and component libraries where developers need a reliable, Google-maintained icon resource that integrates easily with Material Design frameworks. A third practical application is in e-commerce or service-based websites where icons support feature lists, step-by-step processes, or category navigation, helping users scan content faster without relying solely on text.

Best suited for: Interface iconography in digital products, design systems, and component libraries where scalable, consistent symbols support navigation, actions, and visual hierarchy.

Design considerations: As a symbol font rather than text typeface, Material Icons Outlined functions as a specialized utility within larger typographic systems. The single regular variant and outlined stroke treatment prioritize clarity and minimal visual weight across interface contexts.

Pairing guidance: Pair with Roboto or Noto Sans to establish a cohesive Material Design system where the sans-serif provides readable body and interface text while icons handle symbolic communication; alternatively, use DM Mono alongside Material Icons Outlined when monospace typography is needed for code, data display, or technical content within the same interface.

Pairs well with

Material Icons Outlined at a glance

Material Icons Outlined styles

Can I use Material Icons Outlined commercially?

Yes, it's free for personal and commercial use. Material Icons Outlined 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 Outlined

Material Icons Outlined FAQ