问题描述
iconfont安装后的图标,通过symbol
引用方式,部分图标无法修改颜色。
原因
当从阿里图库中图标被添加至项目,如果编辑过项目图标的颜色或者图标本身是有颜色的,以symbol方式获取图标时,会在svg
的path
中增加fill
属性,导致无法更改颜色。
解决方法
两种方法的原理都是去掉svg
的path
中的fill
属性。
方法一
若是下载图标后,在 icon 文件夹下的 iconfont.js 中查找并替换掉 fill="#..."
。
方法二
若是下载图标前,在 https://www.iconfont.cn/ 中,进入我的项目 → 全选项目中的文件 → 批量操作 → 批量去色