Material Symbols Outlined
Designed By
7 Styles Display
The evening
edition.
Material Symbols Outlined · Regular
Try a short headline and compare the letterforms at a larger scale.
7 styles available. Compare the specimens below, or enter your own text.
Download Material Symbols Outlined ↓TTF · Apache License 2.0
Set Your Own Text
Change the style and size to compare the letterforms.
settings search home menu
A Headline In Place
Material Symbols Outlined · Regular
A poster setting with supporting text.
Theatre / Music / Conversation
An Evening
In Good
Company.
Friday · 7:30 pm
The Assembly Rooms
7 Styles,
One Family
Every available style is shown below in its own font file.
Thin100
settings search home menu
Extra Light200
settings search home menu
Light300
settings search home menu
Regular400
settings search home menu
Medium500
settings search home menu
Semi Bold600
settings search home menu
Bold700
settings search home menu
Fill is an axis in Material Symbols. Slide it from 0 to 100 and an outlined icon fills in, which is how Google gets the filled versions without a second font, and because it is an axis the change can be animated. Google introduced the set in April 2022 as 3 fonts, Outlined, Rounded and Sharp, with axes for optical size, weight and grade as well.
The download here is static: 7 weights from Thin to Bold and 4,278 characters, with fill, grade and optical size fixed at their defaults. Most of the icons have no keyboard character of their own.
In an interface, match the icon weight to the text beside it, Regular icons with Regular labels and Medium with Medium.
Characters & Figures
4,278 glyphs reported in the reference style. This selection shows 64 recorded characters.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
View The Recorded Character Selection
The Font Files
Download
Material Symbols Outlined
7 TTF styles with the accompanying CSS, README and license information.
Download ZIP · 3.0 MB ↓- Version
- 2.925
- 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-symbols-outlined/material-symbols-outlined.css">
body {
font-family: 'Material Symbols Outlined', sans-serif;
}Keep the copyright and license notices with redistributed files.
Heading & Body
The family provides the heading; Inter carries the supporting text.
Material Symbols Outlined Heading · Inter Body
The Evening Performance
Doors open at seven. The performance begins at half past. Please take your seat before the lights go down.