@actra-development-oss/material-design-icons 中文文档教程

发布于 7年前 浏览 10 项目主页 更新于 3年前

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

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文