Icons typeface

Material Icons Two Tone

Try your own text
Material Icons Two Tone — Sphinx of black quartz, judge my vow.
Instant CSS
About this font

Material Icons Two Tone is an icon font for adding familiar interface symbols through text-based font rendering. Its single normal style and supplied Latin subset point to a focused role in digital products rather than general-purpose reading or display typography. It can help keep commonly used icons consistent across a compact interface.

Best suited for: navigation bars, buttons, toolbars, settings panels, status indicators, and other interface elements that need small visual symbols. Use it where an icon can support a short label or clarify an action. It may also fit simple prototypes, dashboards, and utility-focused web layouts.

Design considerations: The family provides one weight, 400, in a normal style, so it offers a fixed visual treatment rather than a range of emphasis levels. Plan sizing, spacing, and alignment carefully when placing icons beside text. Keep usage consistent across controls, and check the surrounding interface at the actual sizes users will see.

Pairing guidance: Combine the icons with a clear sans-serif interface font that has distinct letterforms and dependable spacing. A restrained text family can keep labels readable while allowing the symbols to remain supportive rather than dominant. Match icon scale, baseline, and color treatment to the accompanying typography for a cohesive result.

Font pairing ideas

Fonts that pair well with Material Icons Two Tone

Explore complementary typefaces for headings, body copy, accents, and interface text.

Agdasima
Aa
Sans-serif · 2 weights
Aleo
Aa
Serif · 9 weights
Alumni Sans
Aa
Sans-serif · 9 weights
Arapey
Aa
Serif · 1 weight
Anek Odia
Aa
Sans-serif · 8 weights