阿里巴巴iconfont svg图标不能更改颜色的解决方法，iconfont symbol怎么改颜色

 

1. svg图标 带有 fill 属性，默认是带有颜色的，想要修改先把原fill颜色去掉，如下：

2. 在代码种修改对应颜色即可

使用 svg 图标：

<svg class="svg" aria-hidden="true">
    <use xlink:href="#icon-test"></use>
</svg>

css 修改颜色：

.svg {
    height: 20px; width: 20px;
}
.svg:last-of-type {     
    fill: red; 
}
//鼠标移入颜色
.svg:last-of-type:hover {
    fill: red;
}

 

 

可以参考：https://www.w3h5.com/post/415.html