Icons typeface

Material Icons Outlined

Try your own text
Material Icons Outlined — Five quacking zephyrs jolt my wax bed.
Instant CSS
About this font

Material Icons Outlined is an icon font with a clean, line-based appearance. Its single regular style is intended for interface symbols and visual markers rather than extended reading. Because the supplied metadata lists the latin subset, it is best treated as a focused resource for projects that need outlined icons in familiar digital layouts.

Best suited for: Use it for navigation controls, settings panels, toolbars, status indicators, buttons, and small interface labels. It can also support dashboards, product screens, and simple web or app prototypes where icons need to sit alongside text. Keep the surrounding layout clear so each symbol remains easy to recognize at its intended size.

Design considerations: The family provides one weight, 400, and one normal style, so there is no built-in range for creating stronger or softer icon emphasis. Establish hierarchy through size, spacing, placement, and color instead. Test icons at their actual display dimensions, particularly in compact controls, where outlined forms may need enough room to remain distinct.

Pairing guidance: Combine the icons with a neutral sans-serif interface font for a consistent digital setting. A text face with open counters and restrained proportions can provide readable labels without competing with the symbols. Keep stroke character, visual density, and alignment in mind, and avoid pairing them with highly decorative display lettering.

Font pairing ideas

Fonts that pair well with Material Icons Outlined

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

Anek Latin
Aa
Sans-serif · 8 weights
Cactus Classical Serif
Aa
Serif · 1 weight
Arimo
Aa
Sans-serif · 4 weights
Cormorant Upright
Aa
Serif · 5 weights
Bagnard Sans
Aa
Sans-serif · 1 weight