之前阿湯在整理免費圖庫懶人包的時候,就發現有些網站不只有圖片,還有一些小圖示可下載,今天阿湯就將一些好用的免費 ICON 圖示網站介紹給大家,很多都有 PNG、SVG、AI 等不同格式、不同尺寸可選擇,大部分都是全站免費,或是包含一些少數付費的內容,讓不管是做網頁設計、手機 APP 設計、廣告行銷的朋友們都能找到大量素材可運用。

Iconfinder

網站:請點我

這個網站目前共有 196 萬圖示、4 萬多組圖示集,首頁可以直接搜尋,不支援中文。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 01 28

往下滑會看到精選付費和免費的圖示集,阿湯逛了一下付費多半從美金 1 塊起跳,到幾十塊都有。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 03 21

最下面是題材分類,以英文排序分得很細,一般生活、文化、教育、季節、醫療、運輸、購物、首飾等相關內容都有,像 NSFW這個類別目前還沒在其他網站看過,點進去發現是成人專用的…還是來看遊戲和賭博好了。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 05 23

如果只想看免費的內容就點「Free」切換。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 06 20

例如寶可夢類,提供 SVG、PNG、AI 檔可選擇,進來看看。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 07 18

試了一下 SVG 和 PNG 檔可以直接下載,AI 檔就要註冊才能用,另外還提供 Base 64 編碼下載,以及 ICO、ICNS 格式。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 08 17

Flaticon

網站:請點我

這個網站的素材也很豐富,提供 40 幾萬圖標與 7,477 組圖示包。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 09 10

往下看有本月最佳與最受歡迎的排行,類型、配色與設計感都很多元。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 10 10

點一組來看,像這個教育類的 20 個圖標除了有作者介紹、檔案格式還附上許可證,也可以在右邊點圖示分享。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 11 10

來看這個清單圖,除了純黑線條也可切換彩色版,如果不急著下載可以先點「Add to collection」存起來,有註冊就能收藏更多,而且都可以自由上色。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 12 1 1

往下看到有 PNG、SVG、EPS、PSD 和 Base 64 可下載,還可選擇顏色和尺寸。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 12 2 1

如果選右邊的免費下載,在自己網站公開使用必須標示作者。

 

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 14 4

還有一個自己設計的功能,可以把喜歡的圖丟進去、複製、加底色,再下載或分享。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 16 4

Icon Archive

網站:請點我

網站收集了 59 萬個圖示、2 千多個組合包,包含一些比較大的圖檔,首頁的檔案就有 512 px,網站中的圖標有些可商用有些不可,要看下面的註記。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 17 4

這個組合有 60 個素材,左邊可看到發布時間與評價,通通免費但如果商用要購買許可證。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 18 3

選這隻熊熊吧,共有 PNG、ICO、ICNS 三種格式,其中 PNG 格式如果不要 512 px 那麼大,可在下面選其他尺寸,然後是以右鍵另存的方式下載。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 21 3

Icon Ninja

網站:請點我

收集了 90 萬個圖示,可以直接在空白列輸入關鍵字搜尋,阿湯是直接點左上角看所有內容,就連到這頁。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 22 2

這個社群組合應該很適合用在設計手機介面或 APP,可在左上角切換底色,阿湯是改成透明。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 23 1

有 PNG、SVG 和 4 種不同尺寸的 ICO 格式,直接點就會下載。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 24 2

另外可以從右上角進入 CSS 精靈產生器,直接進行調整、複製代碼、查看比例,非常方便。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 25 2

Toicon.com

網站:請點我

首頁先介紹最新的夏季主題,可以直接點圖示進去,底下也可搜尋。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 26 2

網頁介面十分清爽,從熱門圖示進去吧。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 27

看看這隻貓咪,阿湯是把它切換成 pixels 檢視,點「download」下載壓縮檔(SVG),下載前網站會提醒你記得要標示出處。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 28 1

連贊助廠商都是以圖標顯示,很有創意和整體感,雖然只有 SVG 檔可下載,但整個網站的設計風格很簡潔漂亮,阿湯還蠻喜歡的。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 29 1

BestpsdFreebies

網站:請點我

如同網站名稱一樣是 PSD 素材下載網,除了圖示還有一些圖片、背景、模板、字體等資源,首頁可由類別或最新、熱門排行進入。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 30 1

看這 20 個色彩繽紛的平面圖標,上面標示有五種檔案可下載,不是只有 PSD。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 31 1

但沒有檔案格式可選,阿湯就直接點「DOWNLOAD」,下載完解壓縮發現只有 PSD 檔,可能阿湯誤會了,到右邊的分類看看。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 32 1

網站收集的素材真的很豐富,像這區就提供了各種不同風格的 UI 設計。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 32 1 1

這款適用於 iOS 的介面也很漂亮,下載內容也是可編輯的 PSD 檔。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 32 2

Material.icons

網站:請點我

這個網站是 Google 提供的平面設計圖示,首頁一樣可直接搜尋,不過一樣不支援中文(這次介紹的網站都沒有支援中文哦)。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 33 1

使用模式非常簡單,直接在首頁找到要用的圖示點下去,下排就會出現四種大小、黑色或白色,以及 SVG、PNGS、ICON FONT 可選,點它就直接下載了。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 34 1

Aiconica

網站:請點我

首頁直接將題材類別按字母排列,並在名稱旁加上共有多少素材,整體雖然不多但下載次數蠻多的。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 35 1

選個類別進來,點圖示後還可以塗上顏色,選擇顏色再點「PREVIEW」就可預覽變色後的樣子。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 37 1

OK 的話就選擇檔案類型和尺寸點加入,類型有 GIF 和 PNG 兩種,尺寸從 16px 到 500px 都有。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 37 1 1

最後打開右上角收集區,點「DOWNLOAD.ZIP」把加進去的檔案通通下載。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 37 2

Free Icons Web

網站:請點我

首頁可以選擇免費圖示、向量圖示、PSD 檔案或 WEB UI 元素,也可以直接點顏色分類搜尋。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 38 1

阿湯用綠色搜尋後選擇這一套圖示,點「Download Now」就會下載一整套,內容都是 eps 檔。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 39 1

FLAT ICON DESIGN

網站:請點我

最後來介紹一個日本的網站,這個網站走日式可愛風,都是以扁平化設計的素材,首頁一樣可搜尋或從類別進入。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 41 1

來看這個 6 號球,除了簡介還在右邊顯示其它配色。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 42 1

往下看到五種格式,AI、EPS、JEPG、PNG、SVG。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 43 1

AI 和 EPS 都是點擊直接下載壓縮檔,JEPG、PNG、SVG 這三種則可以調整大小、背景色、陰影再下載。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 44 1

網站收集的類別很豐富,還有各種不同類型的緞帶素材組合。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 45 1

以及這個有趣的野生動物漫畫區,可以看到各種動物的不同動作與活動,有的蠻惡搞的。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 46 1

來個月兔搗藥吧,點進來除了簡介和標籤,下面還有不同的配色和姿勢的差距,選一個喜歡的點進去。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 47 1

提供了 JPG、PNG、SVG 三種格式、六種尺寸可選,選到就往下點下載吧。

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 48 1