Angular Material 2+的默认图标列表

Question

我需要查看Angular Material的默认图标列表 https://material.angular.io/components/icon/overview

我没有使用Font Awesome和Google Fonts

Answer 1

是这你在找什么？

Answer 2

恐怕 Angular Material Icon 组件实际上并未预加载 Google Material Design 图标。

根据图标概述的文档：

默认情况下，<mat-icon> 需要材质图标字体。（您仍然需要包含 HTML 来加载字体及其 CSS，如链接中所述）。

_{它位于“带连字的字体图标”标题下。我在这里还强调“期望”这个词}

它甚至在入门指南中指出您应该将 Material Icons 字体添加到您的index.html：

如果您想将 mat-icon 组件与官方 Material Design 图标一起使用，请在 index.html 中加载图标字体。

因此，您必须在应用程序中加载图标字体（或 SVG 图标集）。你必须自己做。

以下是您可以使用的一些字体图标/ SVG 图标：

• 字体图标
  • Google 的 Material 图标和Material.io上的列表
  • Fontawesome（网站中包含的图标列表）
• SVG 图标
  • 圣殿骑士的材质设计图标（网站中包含的图标列表）