Material design icons

Material design icons are the official icon set from Google that 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=""

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).


We have made these icons available for you to incorporate them 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.

Material design icons



  • 更改了package.json中的许可。
  • 添加了缺少的设备符号精灵


许可证更改为Apache 2.0!




iconfont 文件夹包含可以包含在项目中的预生成的字体文件。这对网页特别方便;然而,通常最好链接到托管在Google字体上的网络字体:



css-sprite svg-sprite 文件夹包含预先生成的精灵表,以及svg符号,可以是&lt; use&gt; </代码> d更直接和更少的约束。使用说明如下:精灵文件


如果您希望使用聚合物设置的图标,我们建议您通过 &lt; iron-icons&gt; < / code> 元素( &lt; core-icons&gt; 在v0.5 )。


我们已将这些图标提供给您,将其纳入您的产品,方法是 Apache许可证版本2.0 。随时在您的产品中重新混合并重新分享这些图标和文档。 我们希望您的应用程序的关于屏幕中的归因,但不是必需的。我们唯一要求的是你不要重新出售这些图标。