@actra-development-oss/material-design-icons 中文文档教程
Material design icons
Material Design 图标是 Google 的官方图标集,设计于材料设计指南。
3.0.1 Update
- Changed license in package.json.
- Added missing device symbol sprites.
3.0.0 Update
许可证更改为 Apache 2.0!
Getting Started
阅读开发人员指南,了解如何在您的项目中使用 Material Design 图标。
Using a font collection
iconfont
文件夹包含可以包含在项目中的预生成字体文件。 这对于网络特别方便; 但是,通常最好链接到 Google 字体上托管的网络字体:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
Using symbols and sprites
css-sprite
和 svg-sprite
文件夹包含预生成的 sprite 表,以及可以d 的 svg 符号更直接,约束更少。 使用它们的说明在 sprites 文档中。
Polymer icons
如果你想使用 Polymer 的图标集,我们建议通过
使用它们 元素(
在 v0.5 中)。
License
我们已提供这些图标,供您根据 Apache License Version 2.0 将它们合并到您的产品中。 随意在您的产品中重新混合和重新共享这些图标和文档。 我们希望在您应用的关于 屏幕中显示归属信息,但这不是必需的。 我们唯一要求的是您不要转售这些图标。
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="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 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.