所有mat-icons的列表 - Angular

Question

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

有没有这些图标的列表或其他东西来寻找这些？

Answer 1

是不是物质图标(如@RobbyCornelissen所述)？Google Material Design团队最近(上个月)更新了他们的网站.

无论如何,Angular Material团队希望开发人员自己包含Google Material Design Icon字体(谷歌字体/自主/无论您喜欢什么).

material.io 网站不包含完整的图标列表。比如`file_upload`图标就没有了，这是一个很常见的图标。我花了很多时间为我的应用程序找到合适的上传图标，因为“cloud_upload”不适用于我的情况。 (2认同)

Answer 2

大约有 900 多个 Angular Material 图标，分为 10 多个类别。您可以在此处找到完整的 900 多个图标列表。

您需要在模块中加载材质图标字体 CSS：

import {MatIconModule} from '@angular/material/icon'

在您的模块中，但在导入时：

imports: [ (...), MatIconModule]

最后，HTML 中的一些示例：

import {MatIconModule} from '@angular/material/icon'

imports: [ (...), MatIconModule]

Answer 3

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