阿里巴巴 矢量圖標svg 修改顏色

引用阿里巴巴iconfont svg圖標時發現，設置顏色后，有一部分圖標還是顯示原始的顏色。原來這部分 svg圖標帶有 fill 屬性，這種圖標不能本地修改 fill 屬性，需要在項目中移除默認顏色。

svg圖標 帶有 fill 屬性，如果選擇的是多色圖標且下載到本地的話，默認是帶有顏色的。

修改的話，需要在編譯器里面打開 svg 然后將 fill 屬性刪除即可，然后在需要的時候使用 css 進行設置，當然有些圖標沒有 fill 屬性的話是可以直接修改的。

<svg class="svg" aria-hidden="true">
    <use xlink:href="#icon-duide"></use>
</svg>
svg aria-hidden="true">
    <use xlink:href="#icon-duide"></use>
</svg>

css 修改顏色：

svg {
    height: 32px; width: 32px;
}
svg:last-of-type {
    fill: red;
}