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