
因此圖示就跟字型一樣永遠不嫌多,而最近發現微軟也推出免費的圖示Fluenticons,不但支援多種的圖檔格式下載外,甚至還支援SVG檔,當然可以的話,當然是選用SVG檔,用多少載多少就好,就不用一次載入一大包啦!因此身為網頁設計的你,也趕快來看看,由微軟所推出的Fluenticons免費圖示吧!
Fluenticons
Step1
首先在進入後,點上方的圖示,可將圖示由色塊模式變成線條模式。

Step2
接著可透過關鍵字的方式進行圖示的搜索。

Step3
當找到喜愛的圖示後,點一下再點右邊SVG的Copy圖示。

Step4
再把剛拷貝的SVG格式,直接貼到HTML中,隨即就會顯示剛所選擇的圖示啦!甚至還可以改變它的大小與顏色,再加上SVG本身是向量格式,因此無論怎縮放,或是高解析的手機與螢幕,圖示永不失真。
