Material Symbols 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 Symbols Outlined is a system icon font rather than a traditional typeface, built around a consistent grid-based design language. Its icons feature clean, thin outlines with rounded corners and uniform stroke weights, giving the set a modern, minimal appearance that feels precise without being cold. The outlined style in particular sits lighter on the page compared to filled or rounded variants, making it well-suited for interfaces that need visual clarity without visual heaviness. As a monospace icon font, each symbol occupies a predictable, standardized space, which makes alignment and layout work straightforward for developers and designers alike. The overall personality is functional and neutral, designed to support content rather than express a strong visual identity on its own.

The most obvious use case is UI and product design, where Material Symbols Outlined serves as a standard icon library for web and mobile applications, handling navigation, actions, status indicators, and form elements. It also works well in dashboard and data visualization interfaces, where consistent, legible icons help users scan information quickly without distraction. A third practical application is in design systems and component libraries for teams building scalable digital products, where having a single standardized icon set reduces inconsistency across multiple screens and contributors.

Best suited for: Consider Material Symbols Outlined for code samples, technical documentation, data displays, labels, and identity systems that benefit from evenly spaced characters.

Design considerations: This ProFont page provides 7 available variants, giving the family room to establish emphasis and hierarchy without changing typefaces. Test the selected weights with real project copy, spacing, and line lengths before committing to the final layout.

Pairing guidance: Consider Google Sans (heading) for a contrasting supporting role, Roboto (body) for a contrasting supporting role, and Space Mono (accent) for a contrasting supporting role, assigning each family a distinct role alongside Material Symbols Outlined.

Pairs well with

Material Symbols Outlined at a glance

All 7 Material Symbols Outlined styles

Can I use Material Symbols Outlined commercially?

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

Material Symbols Outlined FAQ