材料图标 vs 材料设计图标

Question

材料图标 vs 材料设计图标

5

使用 Materialize Icon 有两种方式：

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

在官网上没有找到有关以这种方式使用字体的指南或图标图表，但是在这里可以找到有关如何使用图标的指南 ICON_NAME here。

所以，当官网上没有指南说明如何以这种方式使用图标时。那么为什么样式表（materialize.css）中定义了这个呢？

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

我的问题是：如果我需要以这种方式使用图标，那么我该从哪里找到图标图表？

- Syed

2个回答

0

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

命名方式为mdi-category-iconname。

例如：

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

- Tony

1

你分享的URL中，我们可以这样使用图标 ICON_NAME，但不能这样使用 。 - Syed

不可以使用 。 - Tony

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Syed · Accepted Answer

我得到了Materialize团队的回答： https://github.com/Dogfalo/materialize/issues/1824#issuecomment-125949178 对于问题：如果我需要以这种方式使用图标，我在哪里可以找到图标图表？ 我得到了答案：正在逐步淘汰mdi类型的图标，因此您将无法在文档中找到旧图表。新图标的完整列表可以在https://www.google.com/design/icons/中找到。 对于问题：为什么不只删除所有mdi图标和css，因为谷歌已经提供了新的图标？ 我得到了答案：因为那样会突然破坏所有用户实现，所以这样可以逐步淘汰，让人们有时间更新他们的图标。

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