如何让 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/图标/?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

推荐答案

Edit: 5/2019

这个问题已经过时了.可以在此处找到更深入的最新答案:如何使用新的 Material Design 图标主题:Outlined、Rounded、Two-Tone 和 Sharp?

总的想法是有些图标不是默认导入的，需要从不同的库中定位.

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

您正在寻找 info_outline.

You're looking for <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.

例如labellabel_outline

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