【问题标题】:Where do I find a list of all mat-icons -- Angular [closed]我在哪里可以找到所有垫子图标的列表——Angular [关闭]
【发布时间】:2018-11-11 06:08:24
【问题描述】:

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

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

【问题讨论】:

标签: icons material-design angular-material


【解决方案1】:

编辑 2:

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


编辑:

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


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

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

【讨论】:

  • material.io 网站不包含完整的图标列表。比如file_upload这个图标是不存在的,这是一个很常见的图标。由于cloud_upload 不适用于我的情况,我花了很多时间为我的应用找到合适的上传图标。
  • 链接失效了。请参阅 DiaMaBo 的答案以获得一份体面的工作清单。
  • @ChristenDen “不再工作”是什么意思?您是指网站的内容,还是说网站已关闭?
  • @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
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-09-21
    • 1970-01-01
    • 1970-01-01
    • 2010-10-09
    • 2019-02-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多