Material Symbols Outlined
Icon Font
A monospace typeface available on Google Fonts with 7 styles, crafted for clarity and versatility across digital interfaces.
How to use
Paste this once in your
<head>, then drop the span anywhere.
1 · Load the font (CDN)
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0&display=block" rel="stylesheet">
2 · Render an icon (ligature)
<span class="material-symbols-outlined">home</span>
3 · Filled variant (variable axis)
.material-symbols-outlined { font-variation-settings: 'FILL' 1, 'wght' 400; }
No icons match "".
Click any icon for the preview, name, and HTML snippet.
View on Google Fonts →
——
SIMILAR FONTS
More Monospace like Material Symbols Outlined.
Same monospace DNA — different vibe.
—— RESOURCES