阿里iconfont圖標不能修改顏色的解決方案

現象：iconfont安裝後的圖標，是經過symbol引用方式，有的圖標不能經過color修改顏色的解決辦法，有的又能夠。

<svg class="icon" aria-hidden="true" style="color:red;">
    <use xlink:href="#icon-PDF"></use>
</svg>
複製代碼

緣由：

當從阿里圖庫中圖標被添加至項目，若是編輯過項目圖標的顏色或者圖標自己是有顏色的，那麼在經過symbol獲取圖標時會在svg的path中增長fill屬性，致使沒法更改顏色，若是須要動態修改顏色，須要重新添加該圖標(自己圖標無色)，獲取在symbol的js文件中程序刪除fill屬性。

解決辦法：

---

==1. 下載Js文件後，用Notepad++打開，而後用正則表達式查找：fill="#......" ，替換。==

==2. iconfont.cn上，全選項目中的文件，應用批量操做-->批量去色==