無論你是從事前端開發，還是從事UI設計工作，在工作中難免會遇到需要用圖標來完善設計或前端開發，畢竟有時一個小小的圖標，卻能夠給界面設計帶去非常驚艷的效果。目前，互聯網中有很多的圖標網站，這些圖標網站的誕生，節省了站長設計圖標的時間，今天就為大家推薦如下的三大圖標網站，相信一定能夠給您的工作中帶去驚喜。

一、Iconshock

Iconshock是國外免費圖標搜索網站，目前已經收錄了200 萬個圖標！圖標素材超過400+以上，涵蓋30種不同風格類型，從矢量圖到平面設計圖示甚至是現代化插圖應有盡有。使用者可以從Iconshock 免費下載72px以下（包括 24px、32px、48px 和 64px）圖標，并且完全不需要注冊賬號即可下載。

除此之外，Iconshock還允許使用者直接在線上變化不同的配色風格。通常情況下，尋找圖標時往往會受限于它的設計風格和顏色，但Iconshock可以讓使用者自定義顏色、大小或加入配件，使得圖標看起來效果一致，也更能與你的網頁相襯。

推薦理由：Iconshock圖標網站中收錄得分圖標數量，種類很多的，基本上能夠滿足站長對于各種不同圖標樣式的需求。能夠實現線上快速變更圖標的顏色和風格，不僅如此，使用者還可以加入配件或調整圖標的大小。Iconshock網站中的圖標72px以下的PNG格式圖示幾乎都是免費下載。

二、Devicon

Devicon主要是以收錄程式語言、設計和開發工具為主，常見的技術相關標志圖標都可在這個網站中找到。Devicon 提供兩種使用方式：字體圖標或 SVG 向量圖格式，只要從網站上找到你要的圖案，直接將產生的代碼復制、貼上，就能快速取用圖案。

關于Devicon網站值得一提的是無論是使用哪種格式，都可通過 CSS 調整大小或顯示方式，讓它能使用于任何網頁。不僅如此，它的字體圖標也已經支持CDN，開發者無須自行托管檔案，節省流量開銷。如果你剛好需要取用這些圖標，Devicon真的是一個非常不錯的選擇哦。

推薦理由：能夠提供各種不同的技術，滿足開發人員可能用到的所有標志和logo。支持兩種格式，Icon Font、SVG只需要復制代碼即可快速使用。免費、開放原始碼，已經內建 CDN 功能。

三、阿里巴巴矢量圖標

阿里巴巴矢量圖標是國內功能很強大且圖標內容很豐富的矢量圖標庫，提供矢量圖標下載、在線存儲、格式轉換等功能。阿里巴巴體驗團隊傾力打造，設計和前端開發的便捷工具。

相信從事過設計和前端開發的站長應該都知道阿里巴巴矢量圖標庫，它不但好用，而且免費，可以在線使用也可以下載到本地使用，不僅可以改變顏色大小，而且在布局方面也非常方便。

推薦理由：可以用CSS來靈活控制圖標的大小、顏色、陰影等。因為傳統的 CSS Sprites 我們只能重新設計后再「切圖」，雖然現在有很多自動拼合工具，但是依然繁瑣。圖標規范化通過iconfont平臺，可以高效快速的生產出規范的圖標。現在可以直接通過平臺上傳SVG或ESP文件，就可以轉換成字體圖標了。流量最小化在移動設備，節約流量是很多前端把控用戶體驗關鍵而又容易忽視的一個環節。自動上傳到阿里云CDN通過平臺生成的字體，自動存儲到阿里云CDN，免費加速。

以上的著三個圖標網站特意為大家推薦的，也是我們經常是使用的，正是因為我們覺得好用，所以才會想要推薦給大家，畢竟好東西是需要大家一起分享的。

我們擁有國內頂級的設計、技術團隊和多年互聯網軟件開發經驗。