iconfont图标不能修改颜色的解决方案

953 阅读1分钟

一、问题

在项目中引入iconfont的svg图标的时候发现,icon下载用到项目里之后就无法改变颜色。查看下载的svg文件内容时发现,有的icon会在svg的path中增加fill属性,所以无法更改颜色。

image.png

二、解决办法

方法一:直接删除fill属性

下载js文件后,用编辑器打开,然后用正则表达式查找:fill="#......" ,进行替换。

方法二:下载无颜色icon:

把要下载的icon添加到项目中,然后在我的项目中选择批量操作

image.png 接着全选,点击批量去色。

image.png