如何获得Angular Material Icon来在Angular应用中显示轮廓? [英] How can I get Angular Material Icon to show the outline in my Angular app?

问题描述

我目前有

<mat-icon>info<mat-icon>

给出带有填充颜色的信息图标的输出.但是，我只想要图标的轮廓.我该怎么办?

which gives the output of the info icon with the color filled. However, I just want the outline of the icon. How do I do that?

我想要的图标是 https://material.io/tools/icons/?icon = info& style = outline 而不是 https://material.io/tools/icons/?icon=info&style=baseline

The icon I want is https://material.io/tools/icons/?icon=info&style=outline instead of https://material.io/tools/icons/?icon=info&style=baseline

推荐答案

5/2019

这个问题已经过时了.您可以在此处找到更深入，最新的答案:通常的想法是，某些图标默认情况下不是导入的，需要从其他库中定位.

The general idea is that some of the icons aren't imported by default, and need to be targeted from a different library.

您正在寻找<mat-icon>info_outline</mat-icon>.

您可以对具有轮廓图像的任何项目使用相同的模板，但不要尝试将其用于填充/轮廓相同的对象.

You can use this same template for any item that has an outline image, but don't attempt to use it for objects that are the same for filled/outlined.

例如<mat-icon>label</mat-icon><mat-icon>label_outline</mat-icon>

这篇关于如何获得Angular Material Icon来在Angular应用中显示轮廓?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！