雖然現在網路有很多免費的，向量圖示資源供大家下載使用，但各家的風格都不同，以及著重的主題也不同，因此有些會以網頁元素為主，有些則以工具類，所以當網頁要使用一些社群圖示時，大部分的向量圖示，雖然有但不多，像是常用的Facebook、Google+、Twitter則沒問題，但Line、新浪、Pinterest、ISSUU….等，就不一定會有，所以這時不是自己繪製，就是四處尋找，最後再放到IcoMoon平台，將圖示整合起來，實在有些麻煩，以及圖示風格也不一致。
所以最近梅干找了好久，發現一個超棒的向量圖示平台，裡面主要以收錄各式各樣的社群與系統圖示為主，甚至也把每個圖示的標準色一併整理好，因此讓你在套用時更加方便省事，身為網設的你，也趕快來看看，這款以社群、系統主題為主的網頁用向量圖示要怎麼使用。
Social Icons
網站名稱：Social Icons
網站連結：http://www.socicon.com/
網站連結：http://www.socicon.com/
Step1
進入「Social Icons」的網站後，點左邊的Usage 選項，接著有二種方式來引用「Social Icons」，一種是用連結遠端的方式，另一種是將它下載至自己的專案中，而這邊就先以連姞的方式，將css的路徑複製下來。
Step2
將它貼到網頁的head結尾前方。
Step3
貼好後，再回到「Social Icons」網站，點左上第一個選項「Icons」，接著右邊就會列出，所有的圖示。
Step4
也可將要找的圖示關鍵字，輸到上方的輸入框，接著就會找出相關的圖示，找到後在圖示下方，分別會看到class名稱，以及該圖示的色碼，如此一來就不用還要自己探色。
Step5
接著回到網頁中，將剛的class貼到span的標籤中。
Step6
再把剛的色碼，放到style的樣式裡。
Step7
完成後，就會看到剛所建立好的圖示啦!
Step8
這樣就可建立各式各樣的社群專用圖示啦!甚至連社群的標準色也一次到位，不用每次找半天啦!!喜歡Social Icons圖示的朋友們!也可將它下載，放到自己的網頁專案中，這樣圖示在載入時會比較快一些。
