确定 Angular Material 2 图标连字名称答案

【问题标题】：Determining Angular Material 2 icon ligature names确定 Angular Material 2 图标连字名称
【发布时间】：2016-07-21 23:08:39
【问题描述】：

如何确定 Material Design 图标集中图标的连字名称？

存储库：

文档：

文档在每个图标的下方列出了一个名称 - 但该文档没有提供有关如何在应用程序中引用每个图标的说明。

我猜到以下结果好坏参半：

<md-icon>close</md-icon> 有效 - 显示 X 图标

<md-icon>help outline</md-icon> 失败 - 显示单词 help

【问题讨论】：

【解决方案1】：

我也遇到了同样的问题。我一直在胡闹，直到找到以下解决方案：如果您将图标名称写在 snake_case 中，则会出现所需的图标。

例如

<md-icon>keyboard_arrow_left</md-icon>

这会渲染一个小的左箭头。

干杯

【讨论】：

【解决方案2】：

这并不明显 - 您必须单击您感兴趣的图标，然后从底部出现一个滑块，显示图标的可用尺寸，允许您以黑色或白色显示它，允许您将其下载为SVG 或PNGS 文件...并单击<> ICON FONT（展开按钮）会使滑块变大以显示我认为是材料1 语法以在应用程序中包含所选图标。 .

最后一个花絮包括图标的名称和十六进制代码...这就是我想要的...耶！？

列出图标的页面部分的说明会很有帮助...

【讨论】：