Angular 更改角度材质中自定义图标的颜色

我正在向以下用户注册自定义图标：

addCustomMaterialIcon(name: string, url: string) {
      this.matIconRegistry.addSvgIcon(
        name,
        this.domSanitizer.bypassSecurityTrustResourceUrl(`${url}`)
      );
}

并将其与

<mat-icon svgIcon="vl-icon" class="y-icon" color="primary"></mat-icon>

---

提前感谢

尝试使用

：：ng deep

 ::ng-deep .y-icon {
    fill: yellowgreen !important;
  }

---

尝试使用

：ng deep

 ::ng-deep .y-icon {
    fill: yellowgreen !important;
  }

---

您可以使用：：ng deep，但它现在贬值了，而不是您必须查看：主机上下文

::ng-deep .y-icon {
  fill: yellowgreen !important;
}

---

有关更多详细信息-

您可以使用：ng deep，但它现在贬值了，而不是您必须查看：主机上下文

::ng-deep .y-icon {
  fill: yellowgreen !important;
}

---

有关详细信息-

您可以执行以下操作来更改

mat图标svgIcon的颜色

HTML


在CSS中设置
mat-
前缀，但在将其指定给
color
属性时忽略它

<mat-icon svgIcon="thumbs-up" color="y-icon"></mat-icon>

Stackblitz

您可以执行以下操作来更改
mat图标svgIcon的颜色

HTML


在CSS中设置
mat-
前缀，但在将其指定给
color
属性时忽略它

<mat-icon svgIcon="thumbs-up" color="y-icon"></mat-icon>

Stackblitz

它仍然不会随着路径填充而改变颜色。唯一的解决方案是使用脚本转换img svg。请注意，我的解决方案是使用
color
而不是
fill
它仍然不会使用路径填充更改颜色。唯一的解决方案是使用脚本转换img svg。请注意，我的解决方案是使用
颜色
，而不是
填充