材料图标与材料设计图标

Question

有两种使用母版图标的方法：

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

在官方网站上，我没有找到以这种方式使用<i class="mdi-ICON-NAME"></i>字体的指南或图标图表，但是有关于如何以这种方式使用<i class="material-icons">ICON_NAME</i> 这里图标的指南。

因此，当官方网站没有关于如何以这种方式使用图标的指南时，<i class="mdi-ICON-NAME"></i>。那么为什么在样式表(materialize.css)中都定义了它。

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

我的问题是:如果我需要以这种方式使用图标，<i class="mdi-ICON-NAME"></i>在哪里可以找到图标？

Answer 1

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

问:如果我需要以这种方式使用图标<i class="mdi-ICON-NAME"></i>，那么在哪里可以找到图标呢？

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

问:为什么不直接删除定义为新图标的所有mdi 图标和图标，不是吗？

我得到了答案:因为这会突然中断所有的用户实现，这样就可以逐步淘汰，让人们有时间更新他们的图标。

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

Answer 2

您可以在这里找到完整的图标列表，https://www.google.com/design/icons/。

命名是mdi-类别-图标名。

举个例子：

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