Bytesize Icons 免費可商用與自行設定粗細變化的SVG向量圖示

　　一般提到網頁圖示，目前大部分都採用載入的方式，然後再透過CSS與HTML，嵌入到網頁中，由於這些圖示都已製作成文字格式，因此就可透過CSS的文字屬性，來設定圖示的顏色、大小，但就是無法改變它的粗細，而最近梅干發現一個，相當神奇的免費圖示。

不但提供SVG的編碼，供大家免費使用，而最特別之處就在於，透過SVG嵌入到網頁中，還可以自行設定圖示的筆畫粗細，分別可從0.5~3.5px，因此在應用上就更加的靈活，甚至網頁載入的速度也更加快速，因此身為網頁設計的你，也趕快來看看，這個免費可商用的SVG圖示吧！

---

Bytesize Icons

---

Step1
首先在進入Bytesize Icons這個免費圖示時，將頁面向下滾動，分別會看到該圖示最特別的就是，可自行的設定圖示筆畫的粗細分別從0.5~3.5。

---

Step2
再把頁面向下滾動，看到所需的圖示時，將SVG的編碼複製起來。

---

Step3
再貼到HTML後，分別可透過stroke-width來設定圖示筆畫的粗細，真的挺方便的，就可依照版面的風格，搭配適合粗細變化的圖示。