Material 图标与 Material 设计图标

Question

Materilize Icon有两种使用方式：

<i class="mdi-ICON-NAME"></i>
<i class="material-icons">ICON_NAME</i>

在官方网站上我没有找到以这种方式使用字体的指南或图标图表但是有关于如何以这种方式使用图标的指南ICON_NAMEhere.

所以，当官方网站没有关于如何以这种方式使用图标的指南时。那为什么它定义在整个样式表中 (materialize.css).

另外，如果我需要这样调用图标 ICON_NAME 那么我需要 link 一个字体文件。例如<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">。因此，我觉得2种字体将被加载到不需要的DOM中，对吧？

我的问题是：如果需要这样使用icon，哪里可以找到icon图表？

Answer 1

您可以在此处找到完整的图标列表 https://www.google.com/design/icons/

命名为mdi-category-iconname。

一个例子：

<i class="mdi-action-search"></i>

Answer 2

我得到了 Materialise 团队的回答： https://github.com/Dogfalo/materialize/issues/1824#issuecomment-125949178

求教：如果需要这样使用icon，请问哪里可以找到icon图表

我得到答案：官方 google 来源的 mdi 类型图标正在逐步淘汰，这就是为什么您不会在文档中找到旧图表的原因。可以在 https://www.google.com/design/icons/

中找到新图标的完整列表

提问：为什么不直接删除所有 mdi 图标和 css 定义为 google 已经提供的新图标，不是吗？

我得到了答案：因为这会突然破坏所有用户实现，因此可以逐步淘汰它，让人们有时间更新他们的图标。

如果您真的需要检查旧的实现，您可以查看 https://github.com/Dogfalo/materialize/blob/master/icons.html 的提交历史并查看添加 google 图标之前的版本。

Material 图标与 Material 设计图标

Material Icons vs Material Design Icons

css

materialize