svg 圖標顏色沒法修改的問題

iconfont圖標symbol引用方式，有的圖標不能經過設置color樣式來修改顏色的解決辦法

 

現象：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上，全選項目中的文件，應用批量操做-->批量去色

引自：http://www.javashuo.com/article/p-zvymabog-gq.html