Read the developer guide on how to use the material design icons in your project. Restructured repository, updated assets.Material Icons update history 4.0.0 Update the only pre-made fonts are the variable fonts.only the 20 and 24 px versions are designed with perfect pixel-grid alignment.What is currently not available in Material Symbols? The following directories in this repo contain specifically Material Symbols (not Material Icons) content: Note that although there is no separate Filled font, the Fill axis allows access to filled styles-in all three fonts.Įach of the fonts has these design axes, which can be varied in CSS, or in many more modern design apps:.There are three separate Material Symbols variable fonts, which also have static icons available (but those do not have all the variations available, as that would be hundreds of styles): These icons were built/designed as variable fonts first (based on the 24 px designs from Material Icons). Use the popdown menu near top left to choose between the two sets Material Symbols is the default. These newer icons can be browsed in a more user-friendly way at. What is currently not available in Material Icons?

The following directories in this repo contain specifically Material Icons (not Material Symbols) content: Filled (the font version is just called Material Icons, as this is the oldest style).These classic icons are available in five distinct styles: The icons can be browsed in a more user-friendly way at Doesn't support older browsers such as Internet Explorer because of dropping WOFF Only SVGs.Lighter version of material-icons package.Includes outlined, round, sharp and two-tone icons.Includes outlined, rounded, and sharp icons and all variations of fill, weight, grade, and optical size.Only WOFF2 variable fonts and CSS for Material Symbols.Google does NOT monitor or vet these packages.

He tells us these are automatically updated and published using GitHub Actions. Google does not currently maintain the npm package for this repo, past v3 (2016). Some 3rd-party logos that were included in the past have since been removed. Third-party logosĬurrently, Google does not include 3rd-party logos among the Material Symbols or Material Icons due to legal reasons.

However, users are perfectly welcome to point at outside files or images as examples-for the kind of thing they want, but they won’t just be taken “as is.” This works especially well if you have multiple examples for a single icon, to help us understand the “essence” of the idea.įor example, there is a fairly universal conceptual logo/icon for “agender,” so if you were proposing Google add an agender icon in the Material style, either mentioning that, or pointing at would be a helpful tip. Concepts are appreciated-just don’t design SVGs and submit them via pull request. Therefore, Google does not accept pull requests for icon files (whether new icon suggestions, or fixes for existing icons). Please note that Google Fonts does not accept user submissions of finished icon designs! There are fairly strict guidelines for Material icons, plus Google has upstream source files from which this repo is generated. We’d love to support your icon needs! Please submit your request here on GitHub as an issue. The icons are designed under the material design guidelines. The icons can be browsed in a more user-friendly way at. Material Icons is the classic set, while Material Symbols was introduced in April 2022, built on variable font technology. These are two different official icon sets from Google, using the same underlying designs.

Git hub icon