角材料的默认图标列表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字体

I am not using Font Awesome and Google Fonts

推荐答案

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

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

根据图标概述的文档:

默认情况下，< mat-icon> 期望

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).

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

甚至在得到入门指南，您应该将材质图标"字体添加到 index.html :

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

如果要将Mat-icon组件与官方的Material Design图标一起使用，请在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的材料图标和 Fontawesome(网站中包含的图标列表)
  • Templarian的Material Design图标(网站中包含的图标列表)

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