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;
}