Icon Font應該是目前製作網頁常會使用到的，由於這些小圖示，已是向量的文字檔，因此載入到網頁後，就可透過CSS來改變圖示的大小、顏色，同時圖示也不會失真，是目前相當主流的格式，但有用過的朋友都知道，由於每個Icon Font圖示，都是整合成一包，因此當要使用時，再將CSS載入後，就可引用這些圖示，所以當使用愈多的Icon Font圖示，相對的網頁載入的檔案就愈大，因此先前梅干曾分享過IcoMoon這平台，就可將找到喜歡的Icon圖示，上傳後就可整理成一包，屬於自己的專案使用，因此就不會一大包，當要使用時，再將CSS載入，並指定CSS類別名稱，就可將圖示一一的引用到網頁中，甚至還可透過CSS來設定的圖示的大小與顏色。
但最近有一個相當特別的平台，將ICON8圖示以img的標籤載入到網頁中，同時透過圖片的連結，還可設定圖示的大小、顏色，比起先前的使用方式更加簡便，同時這些圖示，則是由KeyCDN進行加速與快取，因此在讀取上相當的快，因此現在就一塊來看看吧！
Omg-img
網站名稱：Omg-img
網站連結：http://img.icons8.com/
網站連結：http://img.icons8.com/
Step1
由於Omg-img是採用ICON8，因此可直接到ICON8的平台來尋找圖示。
Step2
可透過關鍵字來進行搜尋比較快，當找到喜愛的圖示，點選後右邊則會顯示相關的圖示，當選擇黑白的則可以再變換顏色，若是已有顏色的，只能改變大小。
Step3
選好後，再點右下的「Generate HTML」鈕。
Step4
再切到PNG CDN，這時右上的輸入框中，就是用一般的img標籤就可載入到網站中。
Step5
當貼到HTML中，立即就會顯示剛所輸入的圖示，要改變圖示的大小或顏色，只需修改src的路徑即可，而它的規則為，https://png.icons8.com/ 樣式 / 大小 / 顏色 / 圖示名稱。
Step6
因此只要將原來的色碼，替換後立即就會變換，真的是超方便的喔！
#範例展示：