monospace1 weights·1 subsets
Material Icons Outlined
The quick brown fox jumps over the lazy dog. 1234567890
Try it
Type your own text to preview
Use Material Icons Outlined on your site
Copy an embed snippet, self-host it, or download the font files — no sign-up needed.
HTML <link>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined:ital,wght@0,400&display=swap" rel="stylesheet">CSS @import
@import url('https://fonts.googleapis.com/css2?family=Material+Icons+Outlined:ital,wght@0,400&display=swap');CSS rule
font-family: 'Material Icons Outlined', monospace;Self-host (Fontsource)
npm install @fontsource/material-icons-outlinedDownload Material Icons Outlined (.zip)
Font files from Google Fonts, under their open licenses.
About Material Icons Outlined
Material Icons Outlined is a monospace typeface available on Google Fonts. It includes 1 weights and supports 1 language subset.
Weights
regular
Subsets
latin
Use Material Icons Outlined on FontDash
FontDash makes Material Icons Outlined easy to test, pair with other fonts, and export as code or design tokens.
- • Test in your own copy with custom size and color
- • Find pairings that match its character
- • Build font palettes you can export to CSS, Tailwind, or Figma
- • Save it to a collection for later
Keep exploring