Material design icons are the official icon set from Google that are designed under the material design guidelines.
We have made these icons available for you to incorporate them into your products under the Creative Common Attribution 4.0 International License (CC-BY 4.0). Feel free to remix and re-share these icons and documentation in your products. We'd love attribution in your app's about screen, but it's not required. The only thing we ask is that you not re-sell the icons themselves.
- SVG versions of all icons in both 24px and 48px flavours
- 1x, 2x icons targeted at the Web (PNG)
- 1x, 2x, 3x icons targeted at iOS (PNG)
- Hi-dpi versions of all icons (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi) for Android (PNG)
- SVG and CSS sprites of all icons
A live preview of the icon set is available.
You have a few options for getting the icons.
Choose either:
- Latest stable zip archive (v1.0.1)
- Bleeding-edge zip archive (master)
Install the icons using the Bower package manager.
$ bower install material-design-iconsYou can also find all the icons on npm.
$ npm install material-design-iconsTake a look at the included index.html file for a preview of all icons included in the set. You are free to use the icons in the way that makes most sense to your project.
In general, an icon category (e.g action) will include the following directories, containing multiple resolutions of our icons.
- 1x, 2x Web
- 1x, 2x, 3x iOS
- drawable hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi
- SVG
Decide on the icon resolution required for your project and copy, then reference the icons you wish to use.
In css-sprite and svg-sprite are pre-generated sprite sheets. Instructions for using them are in the sprites documentation.
If you wish to use the icon set with Polymer, we recommend consuming them via the <core-icons> element.
All icons are released under an Attribution 4.0 International license.