angular - 为 Outlined 更改 mat-icon 中的主题

标签 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">

最佳答案

处理完同样的问题后,我发现幸运的是这现在有效......

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

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

然后将类添加到您的垫子图标...
<mat-icon class="material-icons-outlined">person</mat-icon>

关于angular - 为 Outlined 更改 mat-icon 中的主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51332551/

相关文章:

html - 如何从 Electron 应用程序中的 [mat-icon] 按钮中删除工具提示?

javascript - 通过单击 Materializecss/Material Design 中的图标可扩展搜索栏

android - TextInputLayout 以编程方式设置 startIconDrawable 的颜色

javascript - Rails 5 中的 Material 选项卡与 Turbolinks

javascript - Angular 2/4/5 捕获 routerLink 异常

css - 我有一个笨蛋。当我在全局范围内定义我的 css 时,它起作用了。当我在我的组件中定义我的 css 时,它失败了。这是怎么回事?

css - 使用 Flexbox 时 Material 选项卡无法正确收缩

angular - Angular Material 排版的不透明度

angular - Angular2网站显示错误后的奇怪行为

angular - 如何从结构指令呈现字符串?