不止15個(gè)！可能是最全面的圖標(biāo)素材站+制作神器

圖標(biāo)的使用在設(shè)計(jì)界已經(jīng)無(wú)處不在了，目前被廣泛用于UI和網(wǎng)頁(yè)設(shè)計(jì)的界面領(lǐng)域。然而，圖標(biāo)資源網(wǎng)站很多，真的很多，但實(shí)際好用的，我只推薦這幾個(gè)。下面請(qǐng)看看達(dá)人為大家整理的一系列圖標(biāo)素材資源，建議收藏分享。

目錄：

• 扁平化、擬物化、表情圖標(biāo)
• 網(wǎng)頁(yè)字體圖標(biāo)
• logo圖標(biāo)
• 圖標(biāo)制作工具

一.?扁平化、擬物化、表情圖標(biāo)

Iconstore圖標(biāo)庫(kù)?https://iconstore.co

iconstore 的圖標(biāo)可能沒(méi)其它圖標(biāo)庫(kù)數(shù)量多，但重要的是icon質(zhì)量好，并有詳細(xì)的分類，大家可以通過(guò)分類來(lái)查找和項(xiàng)目相關(guān)的圖標(biāo)。

Iconfiner?http://www.iconfinder.com/

老牌圖標(biāo)素材搜索引擎，里面有些付費(fèi)圖標(biāo)不錯(cuò)，主打扁平化系列圖標(biāo)。

包含圖標(biāo)內(nèi)容：扁平化、擬物化、表情

阿里圖標(biāo)庫(kù)?http://www.iconfont.cn/

用戶不僅可以在這里搜索下載ICON，還集成上傳、收藏、管理圖標(biāo)功能，是國(guó)內(nèi)不錯(cuò)的圖標(biāo)管理工具。

Flaticon?https://www.flaticon.com

專注扁平化圖標(biāo)，真的超多……

Noun Project?https://thenounproject.com/

這是一個(gè)純扁平化圖標(biāo)提供網(wǎng)站，全部均可免費(fèi)使用，當(dāng)然小編認(rèn)為這里最牛之處就是：圖標(biāo)高度可識(shí)別性！

包含圖標(biāo)內(nèi)容：扁平化

二.?網(wǎng)頁(yè)字體圖標(biāo)

網(wǎng)頁(yè)字體圖標(biāo)相當(dāng)多，但流行使用的也就這么幾個(gè)，所以我們只列出幾個(gè)優(yōu)秀的 icon font。

Fontawesome?http://fontawesome.io/

可能是世界上使用最多的開(kāi)源網(wǎng)頁(yè)字體，幾乎你想要的圖標(biāo)都有了，并且國(guó)內(nèi)也有這個(gè)字體的 CDN，真的相當(dāng)好用。

PrestaShop Official Icon Pack http://build.prestashop.com

PrestaShop 是開(kāi)源電子商務(wù)平臺(tái)，原先這個(gè)平臺(tái)使用的也是 Fontawesome，因平臺(tái)改版設(shè)計(jì)團(tuán)隊(duì)重新設(shè)計(jì)了一套新的圖標(biāo)包，十分適用于電商行業(yè)，目前是免費(fèi)下載使用。

EGO Icon?http://ego-icons.com/

一套設(shè)計(jì)非常個(gè)性的圖標(biāo)，因?yàn)閳D標(biāo)填充了顏色，所以放大使用也有不錯(cuò)的效果。作為設(shè)計(jì)師，即使不下載，也可以當(dāng)前參考。目前開(kāi)放100個(gè)免費(fèi)圖標(biāo)下載。

注：這不是網(wǎng)頁(yè)圖標(biāo)字體，但覺(jué)得很有特色，推薦大家看看。

谷歌 Material Design 圖標(biāo)?http://www.shejidaren.com

Material design UI 必備圖標(biāo)，總數(shù)超750個(gè)圖標(biāo)，系統(tǒng)界面、網(wǎng)站、移動(dòng) APP 都足夠用了。當(dāng)然也可以單獨(dú)下載 SVG 或 PNG 格式的圖標(biāo)。

三.?LOGO圖標(biāo)素材

有時(shí)候，我們經(jīng)常要找一些大品牌公司的 LOGO 源文件，可是用 google 或 百度時(shí)，只能找到圖片，所以如果需要LOGO源文件的同學(xué)，可以試試這2個(gè)網(wǎng)站。

Logo EPS?http://www.logoeps.com/

提供了大量的品牌標(biāo)志源文件，比如 NBA, GOOGLE, VISA 等等著名品牌 LOGO，請(qǐng)注意是用英文搜索哦。

FREEPIK?http://www.freepik.com/

這是一個(gè)老牌矢量素材站，不僅僅是 LOGO，可以說(shuō)是什么都有，缺點(diǎn)：網(wǎng)站速度超級(jí)慢……

四.?圖標(biāo)制作工具

正常設(shè)計(jì)圖標(biāo)都是用 AI, PS，Sketch 這些標(biāo)準(zhǔn)專業(yè)設(shè)計(jì)軟件，但如果是小工具，比如把圖標(biāo)轉(zhuǎn)成網(wǎng)頁(yè)字體，又或者要制作 icon 格式的圖標(biāo)，就需要另類的工具了。

網(wǎng)頁(yè) Favicon 圖標(biāo)工具：Xiconeditor?http://www.xiconeditor.com/

favicon圖標(biāo)就是瀏覽器 tab 標(biāo)簽?zāi)膫€(gè)小圖標(biāo)，PS 不支持制作這種格式的圖標(biāo)，但大家可以能過(guò)在線生成工具來(lái)制作，比如這個(gè) xiconeditor。

網(wǎng)頁(yè)圖標(biāo)生成工具 1：Icomoon?https://icomoon.io/

網(wǎng)頁(yè)圖標(biāo)制作工具 2： Fontello ?http://fontello.com/

Fontello 里面有超多圖標(biāo)，用戶可以從圖標(biāo)庫(kù)里挑選網(wǎng)站所有需要的圖標(biāo)，然后把所有挑選選的圖標(biāo)，生成一個(gè)字體文件，這樣就可以在網(wǎng)頁(yè)里調(diào)用了。

圖標(biāo)制作軟件 1：IcoFX（Windows 系統(tǒng)）http://icofx.ro/

IcoFX 可以說(shuō)是專為 windows 下的軟件圖標(biāo)和光標(biāo)而創(chuàng)造，一次性制作多個(gè)分辨率，在Windows 8和 Macintosh的圖標(biāo)支持透明工作，當(dāng)然也支持網(wǎng)站 icon 格式的圖標(biāo)了。

這個(gè)軟件是付費(fèi)的。

圖標(biāo)制作軟件 2：Icon Slate（MAC系統(tǒng)）?https://www.kodlian.com

Icon Slate可讓您輕松撰寫(xiě)，導(dǎo)入和導(dǎo)出桌面和移動(dòng)設(shè)備的多種格式、多個(gè)尺寸的圖標(biāo)。格式有：蘋(píng)果ICNS，微軟ICO，CandyBar iContainer，圖像（PNG或TIFF）。

總結(jié)

有了這么多圖標(biāo)素材資源，做項(xiàng)目時(shí)，都可以提高效率，也可用于尋找靈感，如果時(shí)間允許，還是建議單獨(dú)設(shè)計(jì)一套和自己品牌吻合的圖標(biāo)。

「2016年干貨大合集都在這里」

1. 《干貨｜2016年11月開(kāi)發(fā)者超實(shí)用干貨大合集》
2. 《設(shè)計(jì)師專場(chǎng)！2016年10月設(shè)計(jì)圈實(shí)用干貨大合集第二波》
3. 《開(kāi)發(fā)者福利！2016年10月設(shè)計(jì)圈實(shí)用干貨大合集》
4. 《再來(lái)一發(fā)！2016年9月設(shè)計(jì)圈實(shí)用干貨第二波》
5. 《開(kāi)學(xué)福利！2016年9月設(shè)計(jì)圈超實(shí)用干貨大合集》
6. 《高溫福利！2016年8月設(shè)計(jì)圈最新干貨大合集》
7. 《再來(lái)！2016年7月設(shè)計(jì)圈干貨大合集第二波！》
8. 《超贊！2016年7月新鮮出爐的設(shè)計(jì)圈實(shí)用干貨大合集》
9. 《精準(zhǔn)投放！2016年六月設(shè)計(jì)圈超實(shí)用干貨大合集》
10. 《月底福利！2016年5月第二波超實(shí)用設(shè)計(jì)圈干貨》
11. 《上手就用！2016年五月設(shè)計(jì)圈新鮮干貨大合集》
12. 《姍姍來(lái)遲！2016年四月設(shè)計(jì)圈干貨大合集》
13. 《質(zhì)量保證！2016年三月可靠實(shí)用的設(shè)計(jì)圈干貨》
14. 《多多益善！2016年二月設(shè)計(jì)圈實(shí)用干貨第二波》
15. 《開(kāi)工福利！2016年二月設(shè)計(jì)圈實(shí)用干貨大合集》
16. 《干貨干貨干貨！2016年第二波設(shè)計(jì)圈干貨大合集》

原文地址：shejidaren

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專欄。開(kāi)啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com