svg-icon图片修改颜色的三种方法

1. 直接修改svg文件中fill属性

2.直接添加css

<svg-icon … style=“fill:currentColor; color:gray;” >

.svg{
    fill:currentColor; 
    color:gray;
  }
  
// 添加类名  这种方法会使一部分图片无法修改颜色。原因是svg图片源的path标签内有默认的fill属性（如下）
<pant fill="#000000" ......>
 或者是
<pant fill="rgb(153, 153, 153)" ......>

3.修改svg图片源

1：选中svg图片，使用记事本或者编辑器打开

2：找到里面  所有   的 path标签  里的 fill属性 并且删除，然后再以第一种方法设置颜色即可

<pant fill="#000000" ......>
 或者是
<pant fill="rgb(153, 153, 153)" ......>