我正在尝试在我的应用中使用轮廓材料图标。我似乎无法正确导入它们。我只能使用标称填充的图标。我希望能够使用this example之类的轮廓图标。
在示例中,我可以使用done_outline
图标。他们如何导入所有图标?
在我的应用中,我安装了npm install material-design-icons
并且我已经将MatIconModule
导入了app.module.ts
,但是我仍然不能使用任何轮廓图标。
答案 0 :(得分:3)
您有两种解决方法。
1)第一个解决方案。
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
或大纲版本:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
rel="stylesheet">
<i class="material-icons">face</i>
2)带有材料包装的解决方案
npm install @ angular / material
import {MatIconModule} from '@angular/material/icon';
<mat-icon>face</mat-icon>
演示: