我在Angular应用程序中使用了材质图标，并且我想使用两色调图标。 如何更改图标的颜色？ 我尝试了经典的颜色：红色；在我的CSS文件中，但是不起作用。 你能帮我吗？
答案 0 :(得分：2)
在遵循此Thread之后，您可以使用color css键，但材料两个音调主题似乎有点毛病；-）
使用自定义css过滤器在几种有角材料github issue中描述了一种解决方法。可以here生成此自定义过滤器。
例如：
HTML：
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Two+Tone|Material+Icons+Sharp">
<i class="material-icons-two-tone red">home</i>
css：
.red {
filter: invert(8%) sepia(94%) saturate(4590%) hue-rotate(358deg) brightness(101%) contrast(112%);
}
附件：