这是谷歌的两个不同的官方图标集,使用相同的底层设计。材质图标是经典的集合,而材质符号则于2022年4月推出,基于可变字体技术。图标有几种格式,适用于不同类型的项目和平台、应用中的开发者以及原型或原型的设计师。
Material Design 系统图标应简洁、现代、友好,有时亦有新奇之处。每个图标都是根据我们的设计准则创建的,能够以简单的形式呈现在整个界面中常用的通用概念。 这些图标经过优化,能够在所有常见平台上以及显示分辨率下显示,确保大尺寸和小尺寸屏幕都清晰可辨。
这些经典图标有五种不同的样式:
- Outlined
- Filled
- Rounded
- Sharp
- Two tone
Github中的以下目录特别包含“材质图标”(而非“材质符号”)内容:
- android
- font
- ios
- png
- src
许可
Material 图标已根据 Apache License 2.0 版 将这些图标集成到了产品中。您随时可以在产品中对这些图标和文档进行重新混音和重新共享。我们很乐意在应用屏幕中显示署名,但这并非强制性要求。
Git 代码库
$ git clone https://github.com/google/material-design-icons/
通过 Google Fonts 使用
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
使用 HTML 中的图标
此示例使用一种称为 字形 的排版功能,该功能允许使用其文字名称渲染图标字形。这一替换由网络浏览器自动完成,并且提供的代码比等效的数字字符引用更具可读性,使用的时候看起来像是这样:
<span class="material-icons">face</span>
其他使用方法,可以访问Google 官网文档:Material 图标指南