Material Icons Two Tone

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 Two Tone is an icon font rather than a traditional typeface, designed by Google as part of the Material Design system. It renders icons in a two-tone style, combining a primary filled shape with a secondary lighter fill to create visual depth and hierarchy within a single glyph. The result is a set of icons that feel structured and purposeful, carrying a clean, modern, and somewhat corporate personality. The two-tone treatment adds subtle dimensionality without resorting to gradients or heavy illustration, making the icons feel polished but not decorative for its own sake. Because it sits in the monospace category, each icon occupies a consistent character space, which supports predictable alignment in code and grid-based layouts.

The most practical use cases for Material Icons Two Tone are in web and mobile application interfaces, particularly dashboards or admin panels where icons need to communicate function quickly and at varying sizes without losing clarity. It also works well in documentation sites and developer tools, where consistent iconography helps users scan and navigate technical content. A third strong use case is in internal business tools or enterprise software, where the two-tone style adds enough visual polish to feel professional without the overhead of custom illustration work.

Best suited for: Material Icons Two Tone works well in application interfaces, dashboards, documentation sites, and enterprise software where consistent iconography supports quick visual scanning and functional communication.

Design considerations: As an icon font rather than a traditional typeface, Material Icons Two Tone maintains consistent character spacing suitable for grid-based layouts and code integration. The two-tone rendering creates visual hierarchy through layered fills rather than gradients, supporting clarity across interface scales.

Pairing guidance: Pair Material Icons Two Tone with Roboto or Noto Sans to establish a cohesive Material Design system, using the sans-serif as primary interface text while icons provide functional visual anchors. Space Mono can complement the icon set in technical documentation or code-heavy contexts, where monospace text and icon alignment reinforce systematic structure.

Pairs well with

Material Icons Two Tone at a glance

Material Icons Two Tone styles

Can I use Material Icons Two Tone commercially?

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

Material Icons Two Tone FAQ