Monospace · Google Fonts · #18 most popular
Material Icons font: free download & CSS embed
Material Icons is a free, open-source monospace typeface from Google Fonts with 1 styles (1 weights) and 1 character subsets. Free for commercial use under the SIL Open Font License or Apache 2.0.
Click the text above to type your own preview.
Weights & styles
The quick brown fox jumps over the lazy dog 0123456789
Embed Material Icons with Google Fonts
<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:wght@400&display=swap" rel="stylesheet">
<style>
body { font-family: "Material Icons", monospace; }
</style>Self-host Material Icons (faster, GDPR-friendly)
Download the ZIP above and serve the woff2 files from your own domain:
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2") format("woff2");
}Fonts that pair well with Material Icons
About the Material Icons typeface
Material Icons is a monospace font family distributed through Google Fonts (version v145, last updated 2025-09-17). It supports the latin subset, which makes it suitable for multilingual websites, apps and print. Available styles: 400.
When to use Material Icons
Monospace fonts keep every character the same width, which is why developers love them for code editors, terminals, documentation and technical dashboards. Many also work as a distinctive display face for tech brands.
License
Like all Google Fonts, Material Icons is open source. It can be used freely in commercial projects, websites, apps, logos and printed products, and it can be redistributed and self-hosted under the terms of its license (OFL 1.1 or Apache 2.0).
Frequently asked questions
Is Material Icons free for commercial use?
Yes. Material Icons is published on Google Fonts under an open-source license, so you can use it in commercial websites, apps, logos and print without paying royalties.
How do I download Material Icons?
Use the download button on this page to get a ZIP with woff2, woff and ttf files for Material Icons, or download the family from Google Fonts. Install the TTF files on Windows or macOS to use it in Figma, Photoshop or Word.
How do I add Material Icons to my website?
Copy the Google Fonts stylesheet link from this page into your HTML head, then set font-family: "Material Icons" in CSS. For best performance and privacy, self-host the woff2 files instead.
What weights does Material Icons have?
Material Icons ships with 1 styles: 400.
Looking for a motion designer?
Free Creative Assets is built by Serhii Dovhyi (Sergey Designer), a Top Rated Plus motion designer with 330+ delivered projects.