Material Icons
Designed By
1 Style Display
a b c d e f g h i j k l m n o p q r s t u v w x
Material Icons · Regular
Try a short headline and compare the letterforms at a larger scale.
1 style available. Compare the specimens below, or enter your own text.
Download Material Icons ↓TTF · Apache License 2.0
Set Your Own Text
Change the style and size to compare the letterforms.
a b c d e f g h i j k l m n o p q r s t u v w x
A Headline In Place
Material Icons · Regular
A poster setting with supporting text.
Character Selection
a b c d e f g h i j k l m n o p q r s t u v w x
Try your own text above to check connected letterforms and spacing in context.
1 Style,
One Family
Every available style is shown below in its own font file.
Regular400
a b c d e f g h i j k l m n o p q r s t u v w x
Plain “Material Icons”, with no style in the name, is the Filled set, the oldest of Google’s classic icon fonts. The other 4 in the classic set are Outlined, Rounded, Sharp and Two tone.
It works by ligature. Put a class of material-icons on an element and write an icon’s name inside it, face for instance, and the word becomes a picture; old browsers that cannot do ligatures fall back on numeric character references. The shapes follow the Material Design guidelines, common interface ideas boiled down to simple forms that stay clear at small and large sizes alike. Google’s own guide puts the web file at around 42 KB as WOFF2.
Google stopped adding icons in 2022 and moved new work to Material Symbols, the variable set introduced that April. This font has no axes at all, 1 weight and 1 grade, and no animated fill. For an older project already built on it, we see little reason to switch. For a new one we’d look at Symbols first, unless filled icons in a fixed set are all you need.
Characters & Figures
2,226 glyphs reported in the reference style. This selection shows 37 recorded characters.
a b c d e f g h i j k l m n o p q r s t u v w x
View The Recorded Character Selection
The Font Files
Download
Material Icons
1 TTF style with the accompanying CSS, README and license information.
Download ZIP · 174 KB ↓- Version
- 1.017
- License
- Apache License 2.0
Install On Your Computer
Extract the ZIP first. On Windows, select the font files and choose Install from the context menu. On macOS, open the files in Font Book and choose Install.
Use On A Website
Keep the font files and the included stylesheet together. Update the stylesheet path to match your project.
<link rel="stylesheet"
href="/fonts/material-icons/material-icons.css">
body {
font-family: 'Material Icons', sans-serif;
}Keep the copyright and license notices with redistributed files.
