圖標是我們日常APP及網頁設計過程中必不可少的元素之一,通過小小的圖標,可以快速方便的實現視覺引導和功能劃分。在創作時,我們需要尋找各種各樣的圖標來滿足自己的設計需求,非常浪費時間和精力。今天,小編給大家整理了8個設計師必看的免費UI圖標設計資源站,趕緊收藏。
1. 最大的免費圖標庫-Flaticon

平臺簡介:目前在Flaticon官網中收集了92萬多個圖標,我們可以通過輸入英文關鍵詞很快搜索找到自己想要的APP設計圖標。
價格:免費
搜索方式:關鍵詞、類別(如:教育、電商、游戲、醫療等)、最受歡迎、頂級圖標制作作者等找到自己想要的圖標。
圖標格式:PNG,SVG,EPS,PSD及BASE 64五種格式。
亮點:下載矢量圖標或像素圖標,可以選擇 16px,24px,一直到 512 px 等各種大小,非常方便。
APP圖標素材資源站下載網址:www.Flaticon.com
2. 阿里巴巴矢量圖標庫-iconfont

平臺簡介:由阿里巴巴打造的國內最大及功能最全的矢量圖標管理和交流平臺。
價格:免費
搜索方式:支持關鍵詞模糊搜索,中文 / 英文 / 拼音 無縫互譯。
圖標格式:SVG,AI,PNG。
亮點:設計師可以將圖標上傳到平臺,用戶可以自定義下載多種格式的設計icon,平臺也可將圖標轉換為字體,便于前端工程師自由調整與調用。
圖標素材資源站下載網址:http://www.iconfont.cn
3. Easyicon

平臺簡介:官網里收集了近59萬個設計圖標,而且在持續更新。
價格:免費
搜索方式:關鍵詞、顏色、熱度、尺寸。
圖標格式:SVG,PNG,ICNS,ICO。
亮點:支持將當前網站或個人外部上傳的PNG圖標轉換為不同大小的Micrisoft或MacOs圖標。
圖標素材資源站下載網址:https://www.easyicon.net
4. 扁平化APP圖標庫-iconsDB

平臺簡介:一個超贊的免費圖標庫,目前擁有4000多個圖標。
價格:免費
搜索方式:關鍵詞、作者、分類、色系等。
圖標格式:PSD,AI,EPS,PNG,ICO。
亮點:支持用戶自定義顏色和尺寸下載自己想要的圖標,而且大部分圖標支持個人和商業使用。
圖標素材資源站下載網址:https://www.iconsdb.com/
5.愛看圖標網-IconPng

平臺簡介:目前收錄 了近10萬個圖標和 1565 個圖標系列。
價格:免費
搜索方式:關鍵詞。
圖標格式:ICO,GIF,JPG,PNG,ICNS。
亮點:里面已對圖標做好分類(手繪、應用、立體、扁平等),可快速找到自己想要的設計圖標。
圖標素材資源站下載網址:http://www.iconpng.com/
6.圖標設計綜合網站-IconDeposit

平臺簡介:一個綜合的設計圖標庫,收錄了大量的icon作品,還包含一些經典的設計教程和PS源代碼。
價格:免費
搜索方式:關鍵詞。
圖標格式:SVG,PSD,PNG。
亮點:除了數以百計的免費APP圖標設計素材,還有圖標集,UI / UX設計,插畫/矢量圖形,CSS,CSS3,jQuery,PS圖象處理軟件教程。
圖標素材資源站下載網址:https://www.icondeposit.com/
7. 社區愛-icons8

平臺簡介:收集7萬多個圖標素材,iOS,Windows及安卓圖標一應俱全。
價格:免費
搜索方式:關鍵詞、顏色、類別,系統(Mac或Windows)。
圖標格式:PNG,SVG,PDF,EPS等。
亮點:圖標風格統一,矢量圖可直接編輯,快速生成任何格式、大小和顏色的圖標。分類齊全,方便用戶迅速篩選出不同設計風格的圖標。此外,提供API接口,方便開發人員快速對接。
圖標素材資源站下載網址:https://icons8.cn/
8. iconfinder

平臺簡介:提供海量(目前已有250多萬)設計圖標,是世界上前幾大免費圖標搜索引擎之一。
價格:免費
搜索方式:關鍵詞,樣式,類別。
圖標格式:CSH,PNG,AI,ICO,ICNS,SVG,BASE 64。
亮點:提供強大的圖標在線編輯器,編輯完成后可以導出為 SVG 或轉 PNG 格式,各種大小尺寸一應俱全。
圖標素材資源站下載網址:https://www.iconfinder.com/
上面就是小編給大家推薦的8個圖標設計資源站,大部分圖標都可以免費下載使用。有沒有覺得很方便?當然,圖標有了,我們該如何去使用這些精美的設計圖標呢?大家都知道圖標設計好后是需要應用到網頁設計或APP設計中的,如何才能做到無縫對接呢?
其實非常簡單,你需要的是一款原型設計工具。這里,小編給大家推薦國產原型神器-Mockplus。Mockplus是一款簡單、快速的原型設計工具,里面已經封裝了3000+的圖標設計素材。包含字母、數字、形狀、表情、手勢等19大類圖標資源。在網頁或APP設計過程中,可直接拖出使用,非常簡單方便。

外部下載的UI圖標資源怎么使用?很簡單,你可以批量上傳到Mockplus個人組件庫(限PNG格式),還可以一鍵分享給其它小伙伴一起使用。當然,個人建議你使用摹客設計系統,在這里,你可以將PNG, JPEG, SVG, GIF等格式的圖標資源一鍵上傳并管理。上傳后可以直接在Mockplus中拖出使用。

什么?這些還不夠?想自己制作特定的圖標應用到自己的原型設計中?沒問題,Mockplus提供了Sketch插件,在Sketch中制作好滿意的矢量圖圖標后,可以直接上傳至強大的摹客設計系統,然后在Mockplus中直接應用(詳情看:在Mockplus和Sketch中對接設計系統)。是的,就是這么強大,沒有你做不到的,只有你想不到的。
小結
有了Mockplus,可以快速將你的圖標設計資源運用到原型設計中。有了摹客設計系統,可以方便你快速上傳并管理圖標資源。還在等什么,趕緊去試試吧。
摹客,支持Sketch/PS/XD/Axure設計稿交付、自動標注切圖、全流程協作。助力設計師和產品團隊高效工作!