# google/material-design-icons

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/google-material-design-icons).**

53,449 stars · 9,726 forks · Apache-2.0

## Links

- GitHub: https://github.com/google/material-design-icons
- Homepage: http://google.github.io/material-design-icons/
- awesome-repositories: https://awesome-repositories.com/repository/google-material-design-icons.md

## Topics

`android` `icons` `ios` `material` `material-design` `sprites` `web`

## Description

This project provides a comprehensive collection of standardized vector symbols designed to maintain a unified visual language across mobile and web-based user interfaces. It serves as a cross-platform resource for developers and designers to implement a consistent iconographic identity within digital products.

The library distinguishes itself through the use of variable font technology, which allows for the dynamic adjustment of icon weight, grade, and optical size directly through style sheet properties. By leveraging native font rendering engines and CSS class-based styling, the collection enables real-time visual modifications and responsive scaling without the need for multiple static image files.

The repository includes high-performance, resolution-independent assets that support infinite scaling through vector-based path rendering. These icons are available in compressed formats to optimize network performance and ensure fast loading times across various device screen sizes and densities.

Users can integrate these symbols by linking to hosted font files or by including local assets directly within their application project structure.

## Tags

### User Interface & Experience

- [Icon Collections](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/typography-and-iconography/icon-libraries/icon-collections.md) — Access a curated library of standardized icons designed for consistent use in digital interface projects. ([source](https://fonts.google.com/icons))
- [Design Consistency](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/design-system-documentation-strategy/design-consistency.md) — Maintain design consistency by integrating a cohesive set of visual assets across diverse digital products.
- [Cross-Platform](https://awesome-repositories.com/f/user-interface-experience/ui-components/visual-identifiers/cross-platform.md) — Unify visual language across mobile and web environments using a shared set of standardized vector symbols.
- [Icon Libraries](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/typography-and-iconography/icon-libraries.md) — Standardize interface iconography with a comprehensive library that ensures visual harmony across web and mobile platforms.
- [Variable Font Icons](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/typography-and-iconography/typography/variable-font-icons.md) — Enable real-time modification of icon weight and optical size by utilizing variable font technology.
- [CSS Class-Based Styling](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/class-based-styling/css-class-based-styling.md) — Toggle between visual themes like rounded or sharp styles by mapping semantic CSS class names to specific font variants.
- [Font Embedding Utilities](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/typography-and-iconography/typography-systems/font-embedding-utilities.md) — Leverage native font rendering engines to interpret and display vector glyphs consistently across various operating systems.
- [Vector Graphic Assets](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-assets/vector-graphic-assets.md) — Deploy resolution-independent icons in scalable formats to ensure crisp rendering on any screen density.
- [Responsive Icons](https://awesome-repositories.com/f/user-interface-experience/ui-components/visual-identifiers/responsive-icons.md) — Adapt icon weight and scale programmatically to preserve visual clarity across varying screen resolutions.

### Part of an Awesome List

- [Design Assets](https://awesome-repositories.com/f/awesome-lists/devtools/design-assets.md) — Official icon set from Google.
- [General Icon Sets](https://awesome-repositories.com/f/awesome-lists/devtools/general-icon-sets.md) — Standardized icon set following Google's design language.
- [Icon Fonts](https://awesome-repositories.com/f/awesome-lists/devtools/icon-fonts.md) — Official Google icon set.
- [Material Design Components](https://awesome-repositories.com/f/awesome-lists/devtools/material-design-components.md) — Official set of material design icons.
- [Visual Assets](https://awesome-repositories.com/f/awesome-lists/devtools/visual-assets.md) — Official icon set for material design applications.

### Development Tools & Productivity

- [Vector Graphics](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/asset-file-management/asset-processing-pipelines/asset-management/vector-graphics.md) — Manage scalable vector assets with optimized file formats that support efficient integration into modern development pipelines. ([source](https://cdn.jsdelivr.net/gh/google/material-design-icons@master/README.md))

### Graphics & Multimedia

- [Dynamic Vector Graphics](https://awesome-repositories.com/f/graphics-multimedia/graphics-and-media/dynamic-vector-graphics.md) — Control icon appearance through code to facilitate smooth animations and real-time style updates without needing multiple image files.