解决 symbol 引用方式下的 iconfont 图标无法修改问题

问题描述

iconfont安装后的图标，通过symbol引用方式，部分图标无法修改颜色。

原因

当从阿里图库中图标被添加至项目，如果编辑过项目图标的颜色或者图标本身是有颜色的，以symbol方式获取图标时，会在svg的path中增加fill属性，导致无法更改颜色。

解决方法

两种方法的原理都是去掉svg的path中的fill属性。

方法一

若是下载图标后，在 icon 文件夹下的 iconfont.js 中查找并替换掉 fill="#..."。

方法二

若是下载图标前，在 https://www.iconfont.cn/ 中，进入我的项目 → 全选项目中的文件 → 批量操作 → 批量去色