解決 symbol 引用方式下的 iconfont 圖標無法修改問題


問題描述

iconfont安裝后的圖標,通過symbol引用方式,部分圖標無法修改顏色。

原因

當從阿里圖庫中圖標被添加至項目,如果編輯過項目圖標的顏色或者圖標本身是有顏色的,以symbol方式獲取圖標時,會在svgpath中增加fill屬性,導致無法更改顏色。

解決方法

兩種方法的原理都是去掉svgpath中的fill屬性。

方法一

若是下載圖標后,在 icon 文件夾下的 iconfont.js 中查找並替換掉 fill="#..."

方法二

若是下載圖標前,在 https://www.iconfont.cn/ 中,進入我的項目 → 全選項目中的文件 → 批量操作 → 批量去色


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM