編者按：今天推薦的兩個(gè)福利站，一個(gè)免費(fèi)打包了近4萬(wàn)個(gè)高質(zhì)量的圖標(biāo)素材，一個(gè)是日本的圖標(biāo)素材站，風(fēng)格清新，按需收藏喲。

自己動(dòng)手，豐衣足食：

1. 學(xué)習(xí)圖標(biāo)設(shè)計(jì)的同學(xué)，建議先掌握設(shè)計(jì)流程：《聊聊圖標(biāo)設(shè)計(jì)流程及小技巧》
2. 設(shè)計(jì)完成后從這四個(gè)方面來(lái)審視你的圖標(biāo)：《好圖標(biāo)怎么做？教你從四個(gè)方面來(lái)評(píng)價(jià)圖標(biāo)設(shè)計(jì)的質(zhì)量》
3. 想讓圖標(biāo)出彩，可以從頂尖設(shè)計(jì)師的分享汲取經(jīng)驗(yàn)：《頂尖設(shè)計(jì)師分享的6個(gè)圖標(biāo)設(shè)計(jì)優(yōu)化指南》。
4. 動(dòng)效圖標(biāo)已是趨勢(shì)，來(lái)這看基礎(chǔ)的圖標(biāo)動(dòng)效設(shè)計(jì)：《高手常用的六種圖標(biāo)動(dòng)效設(shè)計(jì)思路（附大量實(shí)例）》

FLAT ICON DESIGN 是一個(gè)日本的免費(fèi)扁平化設(shè)計(jì)圖示網(wǎng)站，總數(shù)量大約有 500 個(gè)左右！網(wǎng)站提供的圖示風(fēng)格設(shè)計(jì)都很簡(jiǎn)約、可愛(ài)，非常適合使用于網(wǎng)頁(yè)設(shè)計(jì)、應(yīng)用程序開(kāi)發(fā)或投影片報(bào)告，而且這些圖示明確標(biāo)示為「可以作為商業(yè)用途」，網(wǎng)站開(kāi)放 Illustrator AI、EPS、JPEG、PNG 和 SVG 五種格式下載。

近年來(lái)扁平化設(shè)計(jì)相當(dāng)流行（或者可以說(shuō)已經(jīng)流行一段時(shí)間），尤其在網(wǎng)絡(luò)服務(wù)和手機(jī)應(yīng)用程序上都可以看到它的蹤跡，如果你對(duì)于扁平化設(shè)計(jì)風(fēng)格有興趣，或者喜歡 FLAT ICON DESIGN 網(wǎng)站收錄的圖示，都可以從這網(wǎng)站來(lái)免費(fèi)下載，無(wú)須登入或注冊(cè)。

Flat-icon-design

STEP 1

開(kāi)啟 FLAT ICON DESIGN 網(wǎng)站后，從上方選單來(lái)開(kāi)啟特定的圖示分類(lèi)，如果看不懂日文也沒(méi)關(guān)系，把網(wǎng)站丟進(jìn) Google 翻譯直接轉(zhuǎn)成中文也是可以的（或者干脆從網(wǎng)站直接尋找你要的圖案）。

STEP 2

點(diǎn)選右上角的方塊和調(diào)色盤(pán)，能顯示圖標(biāo)為圓形或方形，亦能調(diào)整該圖案不同的配色組合。

點(diǎn)選圖示頁(yè)面后，從右下角點(diǎn)選來(lái)切換不一樣的顏色組合（如下圖以紅色框框圈選處）。

STEP 3

FLAT ICON DESIGN 網(wǎng)站比較特別的不是只有單一種顏色的圖示可以下載，而是能調(diào)整不同背景色、移除背景或加入陰影，還能在網(wǎng)站中選擇圖示大小（16×16、32×32、64×64、128×128、256×256 及 512×512）和圖片格式（JPG、PNG 和 SVG）。

選擇后于網(wǎng)站中實(shí)時(shí)預(yù)覽或點(diǎn)選下方綠色按鈕來(lái)免費(fèi)下載產(chǎn)生的圖示。

STEP 4

前面有提到，F(xiàn)LAT ICON DESIGN 網(wǎng)站開(kāi)放五種格式的圖示免費(fèi)下載，從圖示頁(yè)面下方找到 DOWNLOAD 區(qū)域就有 Illustrator AI、EPS、JPEG、PNG 和 SVG 下載按鈕，點(diǎn)選后需等待五秒鐘產(chǎn)生鏈接，不過(guò)不用注冊(cè)或登入賬號(hào)。

Icons8

Icons8 以提供免費(fèi)的平面化設(shè)計(jì)圖案為主，總數(shù)將近四萬(wàn)個(gè)！數(shù)量非常豐富，網(wǎng)站亦提供各種格式、尺寸大小和配色，使用者也能自己定制。

比較特別的是 Icons8 除了將圖示按照類(lèi)別分類(lèi)外，還利用不同平臺(tái)的設(shè)計(jì)風(fēng)格準(zhǔn)則加以區(qū)隔，例如有 iOS10、Windows、Android、Google、Office，你可能很難立即在腦海中聯(lián)想出某個(gè)操作系統(tǒng)的設(shè)計(jì)風(fēng)格，但只要透過(guò)篩選方式，就能讓所有 Icons8 網(wǎng)站的圖示風(fēng)格一致。

Icons8 免費(fèi)開(kāi)放網(wǎng)站所有 PNG 格式、尺寸不超過(guò) 100×100 的圖示供用戶(hù)下載，免費(fèi)使用的條件是必須要加注一個(gè)鏈接連回 Icons8（可參考 Free License 說(shuō)明），要求并不會(huì)太嚴(yán)苛。如果你需要其他向量圖格式，例如 SVG、EPS、PDF、Font 字型或 SVG Set 就必須付費(fèi)取得。

Icons8

STEP 1

開(kāi)啟 Icons8 網(wǎng)站后點(diǎn)選上方的「Icons」來(lái)開(kāi)啟圖示瀏覽頁(yè)面，Icons8 的接口操作方式還算簡(jiǎn)單，從左側(cè)分類(lèi)找到需要的圖示類(lèi)別，上方是平臺(tái)的設(shè)計(jì)風(fēng)格篩選，下方則有各種圖示類(lèi)型，當(dāng)然你也能輸入關(guān)鍵詞直接透過(guò)搜尋功能查找。

STEP 2

點(diǎn)選任一圖標(biāo)圖案后，右側(cè)會(huì)開(kāi)啟更大的預(yù)覽畫(huà)面，從最右方工具欄可以切換不同設(shè)計(jì)風(fēng)格，雖然是同一種圖案，但在不一樣的風(fēng)格下也會(huì)有不同呈現(xiàn)感覺(jué)。

STEP 3

點(diǎn)選圖標(biāo)下方的尺寸選擇功能，Icons8 提供 100x100px 以下 PNG 格式圖示下載！如果你需要更大圖示或者其他向量格式，旁邊出現(xiàn)鎖頭圖案必須要付費(fèi)才能獲取。

點(diǎn)選后按下方的「Download」紅色按鈕就能免費(fèi)下載，非常簡(jiǎn)單。

STEP 4

Icons8 內(nèi)建基本的編輯器模式，無(wú)須額外下載或安裝軟件，就能直接于瀏覽器內(nèi)對(duì)你選擇的圖示稍作修改，例如加上圖案、文字、裁切成其他形狀，調(diào)整后能在網(wǎng)站里預(yù)覽及下載。

STEP 5

如果你想將 Icons8 圖示使用于網(wǎng)頁(yè)開(kāi)發(fā)，它也能產(chǎn)生 HTML 程序代碼，包括 Base64 編碼格式或者產(chǎn)生CDN 適用的網(wǎng)址（這項(xiàng)功能是 MaxCDN 提供，速度還蠻快的而且沒(méi)有流量限制），如果你想直接將圖示使用到網(wǎng)站里，透過(guò)外部鏈接即可快速取用。

不過(guò)前面有提到，使用 Icons8 免費(fèi)圖示的條件是必須在網(wǎng)站或項(xiàng)目里放上一個(gè)反向鏈接連回 Icons8，在取得圖示網(wǎng)址時(shí)下方也會(huì)提供連回 Icons8 的原始碼。

STEP 6

說(shuō)了那么多，如果你想一次從 Icons8 下載「所有」免費(fèi)圖示，一共 38,200 個(gè)，網(wǎng)站也提供這項(xiàng)超大福利！只要簡(jiǎn)單注冊(cè)一個(gè)賬號(hào)，就能將所有圖示下載！

開(kāi)啟 https://icons8.com/download-all-packs 頁(yè)面后點(diǎn)選右側(cè)的「Download icons only」。若你想要試試看從 App 里搜尋圖示的話(huà)，也可以點(diǎn)選另外一個(gè)選項(xiàng)，兩者取得的圖標(biāo)是相同的，只是另一種方式會(huì)多一個(gè) Mac 應(yīng)用程序。

填入你要使用的賬號(hào)名稱(chēng)、Email 和密碼，登入后就能下載 Icons8 免費(fèi)提供的所有圖示打包壓縮文件。

「優(yōu)設(shè)近期人氣最高的3個(gè)神器」

1. 免費(fèi)圖庫(kù)丨《超過(guò)5萬(wàn)張！免費(fèi)高清可商用圖庫(kù)ZOOMMY 3.0重磅來(lái)襲！》
2. 日本圖庫(kù)丨《福利兩連發(fā)！PS快速?gòu)?fù)制圖層插件+日本免費(fèi)商用圖庫(kù)》
3. 可商用素材丨《每日更新，展示免費(fèi)可商用素材的PIKTAB》

原文地址：free.com.tw

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量180萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com