我需要查看Angular Material的默认图标列表。 https://material.angular.io/components/icon/overview
我没有使用Font Awesome和Google Fonts。
Angular Material 2+的默认图标列表
5
- Micky Q
2
@angular/material 的 mat-icon 并不包含任何图标，它被设计用于与图标字体一起使用。默认情况下，它配置为使用来自 Google Fonts API 的 Material Icons 字体。因此，您需要一个 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">。 - William Lohan
1这个回答解决了你的问题吗？Angular中是否有所有mat-icons的官方列表？ - TylerH
3个回答
0
很遗憾，Angular Material Icon组件实际上没有预装Google Material Design图标。
根据图标概述文档:
默认情况下，
<mat-icon>期望Material icons font。（您仍需要包含HTML以加载字体及其CSS，如链接中所述）。
这位于“具有连字的字体图标”标题下。我在这里还强调了字眼“期望”
甚至在入门指南下，它也指出您应将Material Icons字体添加到您的index.html：
如果要使用官方Material Design Icons与mat-icon组件，请在index.html中加载图标字体。
所以，你必须在应用程序中加载一个图标字体（或SVG图标集）。你需要自己完成。
这里有一些字体图标/SVG图标可以使用：
- Edric
1
2不，你错了。有默认的图标可以通过名称使用。在这里阅读我的答案（它有一个Angular Material图标列表）：https://stackoverflow.com/a/64215719/6166911 - Davidson Lima
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 183 Angular Material图标无法正常工作。
- 10 在Angular Material（2+）中添加自定义颜色变量
- 22 使用 Angular 2 Material 图标
- 8 如何使用Angular Material图标创建堆叠的图标？
- 3 Angular 9 - 移除 Angular Material Stepper 上默认的图标（创建）
- 3 Angular Material mat-slide-toggle更改切换图标
- 13 Angular 2+ Material mat-chip-list FormArray 验证
- 8 Angular Material表格 - 动态应用背景颜色到一行 (Angular 2+)
- 16 覆盖mat-stepper angular material中的默认图标
- 9 Angular Material mat-form-field的输入框图标。