Angular 与<；一起使用时，是否可以更改svgicon颜色；mat icon>；（角材料）

因此，我有一个svg图标，我使用角度材质来显示它，并希望更改悬停时的颜色，但到目前为止，我还无法做到这一点。 以下是代码供参考：

<mat-icon svgIcon="menu"></mat-icon>

它不起作用。

---

感谢您的帮助。

SVG图标默认为黑色，除非另有规定，您发布的代码似乎正常工作，请尝试将hover上的color属性更改为红色，看看您是否能看到更改。

今天早上自己解决了这个问题，我所做的基本上是用一个文本编辑器打开svg文件，在长“路径”属性的末尾有一个fill属性，我只是简单地删除了该部分，现在它工作得非常好

示例（之前）：-

`

之后：-

<path d="M47.713,274.096c0,3.866,3.134,7,7,7s7-3.134,7-7v-64.653l87.584-`66.53v52.38c0,3.866"/>

---

现在一切都正常了，悬停也正常了。。。非常感谢您继续关注此事。

这是许多其他帖子给出的唯一有效答案！！非常感谢。

.color:hover, .color:active{
color: black;
fill: black;
}

<path d="M47.713,274.096c0,3.866,3.134,7,7,7s7-3.134,7-7v-64.653l87.584-`66.53v52.38c0,3.866" fill="#ffffff";/>`

<path d="M47.713,274.096c0,3.866,3.134,7,7,7s7-3.134,7-7v-64.653l87.584-`66.53v52.38c0,3.866"/>