FontAwesome提供大家下載使用免費的網站圖示因而廣為人知,把icon作成文字所以無論怎麼縮放都不會失真模糊甚至還可以變換顏色與大小,使用上比svg來得更方便,但雖然這些圖示檔不大,同時載入時卻也相當可觀,所以今天不藏私分享個好用的網站,要多少下載多少徹底輕量化,還可合併自己手繪的icon,如果你有興趣,那就繼續往下看吧!
網站名稱:IcoMoon
網站鏈結:https://icomoon.io/app/#/select
STEP1
進入IcoMoon的網站後可自行挑選需要的圖示,單響滑鼠當方框轉為黃色即代表已選取。
STEP2
先來製作簡單的svg檔,在Illustraor繪製完另存為svg並選擇SVG1.1就可以了。
STEP3
點擊左上方的Import Icons按鈕,並選擇已繪製好的svg檔。
STEP4
選取剛剛匯入的圖示後,按右下方的Gernerate Font就可下載選取的圖示。
STEP5
下載後解壓縮就會看到以下的資料,只需要將fonts資料夾與style.css複製到專案資料夾即可。
STEP6
這時就可以引用到自己的頁面,還能用css設定大小和顏色。