angular - 如何让 Angular Material Icon 在我的 Angular 应用程序中显示轮廓？

Question

我目前有

<mat-icon>info<mat-icon>

它给出了填充颜色的信息图标的输出。但是，我只想要图标的轮廓。我怎么做？

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

标签： angularangular-material

Answer 1

您可以将其包含 |Material+Icons+Outlined在 url 中以在大纲中显示材料图标。

例子：

@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined");

然后在模板文件中，可以添加进去material-icons-outlined

<mat-icon class="material-icons-outlined">home</mat-icon>