tree: 0a1833ab7a56f874361fb0db33965cc89b505c2e [path history] [tgz]
  1. action/
  2. alert/
  3. av/
  4. communication/
  5. content/
  6. device/
  7. editor/
  8. file/
  9. hardware/
  10. iconfont/
  11. image/
  12. maps/
  13. navigation/
  14. notification/
  15. places/
  16. social/
  17. sprites/
  18. toggle/
  19. www/
  20. .babelrc
  21. .gitignore
  22. bower.json
  23. gulpfile.babel.js
  24. index.html
  25. index.js
  26. LICENSE
  27. package.json
  28. README.md
README.md

Material design icons

Material design icons are the official icon set from Google that are designed under the material design guidelines.

2.1 Update

The 2.1 update adds 96 new icons!

Check out what's new in the material icons library.

Getting Started

Read the developer guide on how to use the material design icons in your project.

Using a font collection

The iconfont folder contains pre-generated font files that can be included in a project. This is especially convenient for the web; however, it is generally better to link to the web font hosted on Google Fonts:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

Read more in the font portion of our full developer guide.

Using symbols and sprites

The css-sprite and svg-sprite folders contain pre-generated sprite sheets, as well as svg symbols that can be <use>d more directly and with fewer constraints. Instructions for using them are in the sprites documentation.

Polymer icons

If you wish to use the icon set with Polymer, we recommend consuming them via the <iron-icons> element (<core-icons> in v0.5).

License

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.