這是套很久前就有的 iconFont 套件,目前還是有在整理舊專案,順手記錄一下目前的使用情形。

在國外的 Line 與新浪、Pinterest、ISSUU 等的使用因區域不高,所以在一些台灣常用的圖示自然也就不太好找。

Social Icons 網站連結


Social-Icons 的使用方式

要使用的話可以前往官方頁面下的 Download Socicon 頁面下載或連結。
cloud 的部份提供 CDN 的方式取用,當然也可以將整個包點按 Download the font 載到本地端規劃使用。
Social-Icons_社群、系統、平台的向量圖示與標準色iconFont套件_01

Icons 頁面下可以查找需要的 icon ,輸入 line 就可找到對應的 iconFont 出來,另外將套件包的樣式名稱與用到的色碼都列出來,另外也會有 PNG 的圖片格式直接下載 icon。
Social-Icons_社群、系統、平台的向量圖示與標準色iconFont套件_02

將整個套件包載下來後,所使用的 CSS 編輯是透過 LESS 來使用,還有裡面用的到的 iconFont 字型檔。
Social-Icons_社群、系統、平台的向量圖示與標準色iconFont套件_03


資料來源

梅問題教學網 – 「Social Icons」收錄所有社群、系統、平台的向量圖示與標準色一次到位
[免費]利用Socicon Generator 快速產生Facebook、YouTube等社交媒體標誌!