Material Design icons by Google
Clone or download
jestelle Merge pull request #689 from genome21/patch-1
Update README.md with grammar changes.
Latest commit 224895a Jan 12, 2018
Permalink
Failed to load latest commit information.
action Add Contents.json for all iOS .imageset directories. Jul 12, 2017
alert Add Contents.json for all iOS .imageset directories. Jul 12, 2017
av Add Contents.json for all iOS .imageset directories. Jul 12, 2017
communication Add Contents.json for all iOS .imageset directories. Jul 12, 2017
content Add Contents.json for all iOS .imageset directories. Jul 12, 2017
device Icons and sprite sheets updated. Nov 17, 2015
editor Add Contents.json for all iOS .imageset directories. Jul 12, 2017
file Add Contents.json for all iOS .imageset directories. Jul 12, 2017
hardware Add Contents.json for all iOS .imageset directories. Jul 12, 2017
iconfont Removes width and height from icon font CSS. Mar 21, 2016
image Add Contents.json for all iOS .imageset directories. Jul 12, 2017
maps Add Contents.json for all iOS .imageset directories. Jul 12, 2017
navigation Add Contents.json for all iOS .imageset directories. Jul 12, 2017
notification Add Contents.json for all iOS .imageset directories. Jul 12, 2017
places Add Contents.json for all iOS .imageset directories. Jul 12, 2017
social Add Contents.json for all iOS .imageset directories. Jul 12, 2017
sprites Adds device symbol sprites. Sep 1, 2016
toggle Icons and sprite sheets updated. Nov 17, 2015
.babelrc Introduced a Gulpfile for the generation of derived files. Nov 13, 2015
.gitignore Introduced a Gulpfile for the generation of derived files. Nov 13, 2015
LICENSE License change to Apache 2.0. Aug 25, 2016
README.md Update README.md with grammar changes. Oct 19, 2017
bower.json License change to Apache 2.0. Sep 1, 2016
gulpfile.babel.js Added missing icon category for Gulp file May 31, 2016
index.js [fixed] STATIC_PATH Dec 31, 2015
package.json 3.0.1 release Sep 2, 2016

README.md

Material design icons

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

3.0.1 Update

  • Changed license in package.json.
  • Added missing device symbol sprites.

3.0.0 Update

License change to Apache 2.0!

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 into your products under the Apache License Version 2.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 these icons.