更改主题中的mat-icon主题

时间:2018-07-13 20:41:54

标签: angular angular-material material-design

我使用<mat-icon>person</mat-icon>并得到以下结果: enter image description here

我需要主题为enter image description here的图标

该怎么做?

图标的重要性:<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

2 个答案:

答案 0 :(得分:3)

在处理了相同的问题之后,我发现幸运的是,现在它可以工作了……

首先,使用“ |”将轮廓图标添加到您的导入中分开...

<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" rel="stylesheet">

然后将类添加到您的素材图标...

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

答案 1 :(得分:1)