我在哪里可以找到所有垫子图标的列表——Angular [关闭]

Posted 2023-02-22

【中文标题】我在哪里可以找到所有垫子图标的列表——Angular [关闭]

【英文标题】：Where do I find a list of all mat-icons -- Angular [closed]

【发布时间】：2018-11-11 06:08:24

【问题描述】：

我开始使用 angular-material 的<mat-icon>，我想知道是否有任何包含所有图标名称的集合。过去几个月，我已经使用了它，我想，那时，我找到了一个主页，其中列出了一堆。但是这个网站已经找不到了。

是否有任何此图标的列表或其他可以查找这些图标的列表？

【问题讨论】：

这个？ material.io/tools/icons/?style=baseline

这看起来不错，如果它们适用于这个角度标签

你可以在本站使用jQuery选择器找到所有ohmycheatsheet.com/material_icons

在这里阅读我的答案（它有一个 Angular Material 图标列表）：***.com/a/64215719/6166911

这就像问文档在哪里，不应该是在推广/推荐产品。

【参考方案1】：

编辑 2：

旧的 Material.io 链接现在重定向到 Google 字体上的 Icons 页面，该页面应该包含所有图标的最新列表。

---

编辑：

由于网站上列出的图标有些过时，这里有一些替代资源：

Material Design Icons DX - (forked version)

---

不是Material Icons（如@RobbyCornelissen 所述）吗？ Google Material Design 团队最近（上个月）更新了他们的网站。

无论如何，Angular Material 团队希望开发人员自己包含 Google Material Design 图标字体（Google Fonts/self-host/任何你喜欢的字体）。

【讨论】：

material.io 网站不包含完整的图标列表。比如file_upload这个图标是不存在的，这是一个很常见的图标。由于cloud_upload 不适用于我的情况，我花了很多时间为我的应用找到合适的上传图标。

链接失效了。请参阅 DiaMaBo 的答案以获得一份体面的工作清单。

@ChristenDen “不再工作”是什么意思？您是指网站的内容，还是说网站已关闭？

这个不错：angularjswiki.com/angular/…

@Crystal 你确实复制并粘贴了 DiaMaBo 发布的链接。

【参考方案2】：

所有材质图标的完整列表在下面的链接中。

https://www.angularjswiki.com/angular/angular-material-icons-list-mat-icon-list/ （感谢 Arunkumar Gudelli）

【参考方案3】：

我们有大约 900 多个 Material 图标，分为 10 多个类别。我们需要加载 Material Icons 字体 CSS。

<i>home</i> <!--In Angualar we can use mat-icon as well--> <mat-icon>home</mat-icon>

你可以找到完整的900+图标列表here

【讨论】：

"我们需要加载 Material Icons 字体 CSS。"怎么样？

在你的模块中： import MatIconModule from '@angular/material/icon';

在您的模块中，但在导入时：imports: [ (...), MatIconModule]

最后，在你的 html 中：access_time

我说的是 Angular 材质：material.angular.io/guide/getting-started