最近切的版，圖都是SVG格式
今天處理footer區塊
才發現我手中沒有footer 區塊需要的白色Logo啊～～～！

面對此問題我可以有二個做法：

1. 打開PSD原檔，自己換個色不就好了！
2. 利用SVG可以填色功能設定

在今天之前我還真沒用過SVG上色，想說順便學習，所以就選擇了「2」
這一查"SVG填色"要如何設定，相關資料非常之多，
但重點我是要改CSS裡的背景圖要做填色啊！！！！

本想轉去打開PS來改圖的～
但下一秒想一下如果我是個沒PS軟體
又找不到設計師，又或者我是個不會設計的前端工程師，我有沒有辦法做呢？
還是再花點時間找資料＋實驗！

（對，我這點有些不死心）

最後～最後～～～～ 終於找到愛的希望～啊!!!

以下來分享一下，
如果更改CSS檔裡的SVG背景圖色彩做法
但此做法對瀏覽器支援度還是要依各人需求做調整喔！

DEMO

針對HTML檔內的SVG填色用法好奇的朋友可以參考
以下幾篇針對SVG 用 fill 填色的方式

• Fill
• SVG 研究之路 (7) - fill 填色
• 搜尋關鍵字：SVG fill

另外附上二篇參考文：

• 設計師對 SVG 應該有的觀念
• CSS背景圖SVG上色原文：https://css-tricks.com/almanac/properties/f/fill/
• 瀏覽器支援度可去這裡查訽>>> (Can I use) https://caniuse.com/