問題描述
iconfont安裝后的圖標,通過symbol
引用方式,部分圖標無法修改顏色。
原因
當從阿里圖庫中圖標被添加至項目,如果編輯過項目圖標的顏色或者圖標本身是有顏色的,以symbol方式獲取圖標時,會在svg
的path
中增加fill
屬性,導致無法更改顏色。
解決方法
兩種方法的原理都是去掉svg
的path
中的fill
屬性。
方法一
若是下載圖標后,在 icon 文件夾下的 iconfont.js 中查找並替換掉 fill="#..."
。
方法二
若是下載圖標前,在 https://www.iconfont.cn/ 中,進入我的項目 → 全選項目中的文件 → 批量操作 → 批量去色