Angular Material 的默认图标列表 2+ [英] Default Icon List of Angular Material 2+

问题描述

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

I need to see a default list of Icons for Angular Material https://material.angular.io/components/icon/overview

我没有使用 Font Awesome 和 Google Fonts

I am not using Font Awesome and Google Fonts

推荐答案

恐怕 Angular Material Icon 组件实际上并未预加载 Google Material Design Icons.

The Angular Material Icon component actually isn't pre-loaded with the Google Material Design Icons, I'm afraid.

根据图标概览的文档:

默认情况下， 期望 素材图标字体.(您仍需要包含 HTML 以加载字体及其 CSS，如链接中所述).

By default, <mat-icon> expects the Material icons font. (You will still need to include the HTML to load the font and its CSS, as described in the link).

_{它位于带有连字的字体图标"标题下.我也在这里强调期望"这个词}

它甚至在 Getting开始指南您应该将 Material Icons 字体添加到您的 index.html:

And it even states under the Getting Started guide that you should add the Material Icons font to your index.html:

如果您想使用带有官方 Material Design Icons 的 mat-icon 组件，请在您的 index.html 中加载图标字体.

If you want to use the mat-icon component with the official Material Design Icons, load the icon font in your index.html.

因此，您必须在您的应用中加载图标字体(或 SVG 图标集).你必须自己做.

So, you have to load an icon font (or an SVG iconset) in your app. You'll have to do it yourself.

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

Here's some font icons/ SVG icons you can use:

• 字体图标
  • Google 的 Material Icons 和 Material.io
  • Fontawesome(网站中包含的图标列表)
  • Templarian 的 Material Design 图标(网站中包含的图标列表)

  这篇关于Angular Material 的默认图标列表 2+的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！