30 個免費 icon 下載網站推薦:圖示、SVG、向量圖等使用指南

羅傑摩爾・2021-09-01

人的想像力無遠弗屆,就如我們提供你的免費 icon 網站使用也幾乎沒有限制。不管你正在尋找免費下載圖標的網站,還是打算下載特別的 icon 用於個人作品或商業用途,這篇文章通通都可以滿足你的需求!

本篇文章特別提供給需要使用各種圖標及 icon 來美化自己的網頁風格、用戶體驗及UI介面的設計師,內文包含了 30 個免費圖標網站下載連結和使用說明。

你可以在以下提供的網頁找到:

  • 使用於 Android 或 iOS 界面的元素
  • 不同主題的圖標及 icon
  • 不同社群網站的功能按鈕
  • 可用於商業用途的授權圖標(請在下載前再次檢查授權說明喔!)
  • 可用於個人作品的免費 icon

30 個免費 icon 網站推薦清單

1. ICONFINDER

ICONFINDER
ICONFINDER 是一個在設計圈中廣為人知的圖標搜索網站,它界面設計清晰且簡潔,只要在網站中輸入關鍵字即可找到需要的不同顏色圖標!

使用說明:

ICONFINDER 包含免費及付費的 icon,如果想要使用免費商用授權的圖標,請在搜尋頁面左邊的篩選器中選擇Free,即可使用。

網站: https://www.iconfinder.com/

2. flaticon

flaticon

Flaticon 是一個與 FreePik 同一家公司的網站,專門為設計師找尋免費素材。Flaticon 最棒的特點是可以使用網站內的收尋引擎找到「免費且商業可用」的圖標。此外,在這裡找到的 icon 及圖標都包含了向量圖形檔案和常見的圖片格式,方便設計師在下載後直接使用。

使用說明:

使用時需要標註出處,即使用於個人作品也需要。若要用於商業用途則需要購買商用授權。

網站: https://www.flaticon.com/

3. FIND ICONS

FIND

FindIcons 是一個圖標搜索網站,它們擁有世界上最大的免費圖標數據庫,網站內有篩選器和推薦功能,幫助你在做設計作品時更快速找到需要的免費圖標。雖然,它的搜索引擎看起來有點簡易且傳統,但相信一定有需要這種設計風格的設計師們。

使用說明:

每個圖標上都列出了不同授權的使用說明,請在下載前檢查用途規範。

網站: https://findicons.com/

4. IconArchive

IconArchive

IconArchive也是一個巨量的素材搜索引擎,它不僅包含常見的界面按鈕圖標,還有紋理材質風格的圖標及各種主題的漫畫 icon。IconArchive 網站的特別之處在於它的搜尋結果是以顏色排列的,你可以使用贊同及不贊同的投票功能,幫助改進搜尋結果。如果你突然沒有靈感,也可以選擇最熱門、最多人預覽的 icon 款式找到你喜愛的圖標。

使用說明:

大部分圖示都是採用 CC 授權方式,但每個圖示稍有不同。下載前請在各別的圖標頁面中查詢。

網站: https://iconarchive.com/

5. GraphicBurger

GraphicBurger

GraphicBurger 是一個免費提供給設計師們使用的設計資源網站。在這裡你甚至可以找到每個 icon 專屬的 PSD 檔案來修改圖標,變成你想要的樣子。如果你正在尋找可愛特別的圖標,請不要錯過 GraphicBurger!

使用說明:
  • GraphicBurger 上所有的資源都可以隨意下載,包括logo模型、產品模型、文字效果、圖標、使用者界面、插圖、背景圖像等,均可在個人和商業項目中免費使用。
  • 使用時不需要註明出處及原始連結,但如果你願意註明作者或出處,我們會很感激你。
網站: https://graphicburger.com/

6. Premium Pixel

Premium

如果你真的不知道要使用什麼圖標的話,Premium Pixel 提供了專家精挑細選的免費圖標,你可以在這裡搜尋各種免費素材和介面圖標的懶人包。

使用說明:

所有資源都是免費授權使用,幾乎沒有限制。

網站: https://www.premiumpixels.com/

7. Freebiesbug

Freebiesbug

這個網站上的資源是由許多設計師共同製作和發布的一系列 PSD 圖標。就像他的網站名稱一樣,它提供了大量免費在 Photoshop 上使用的 icon 素材。

使用說明:

可以在個人作品中免費使用這些圖標。若用於商業用途,請在使用前再次檢查授權,因為每個圖標的作者要求都不太一樣。

網站: https://freebiesbug.com/psd-freebies/icons/

8. IcoMoon app

IcoMoon

想要製作自己的圖標嗎?那你應該會喜歡 IcoMoon!IcoMoon 不僅可以找尋想要的圖標,還可以建立或合併你自己的 icon 樣式,最後生成多種檔案格式直接使用。

使用說明:
  • 每個圖標都有一個授權連結可以參考詳細使用授權。
  • 網站上的圖標都可以免費下載,進行基本的編輯,也可以導入你自己的圖標,製作圖示字體檔案或生成 SVG、Polymer、PDF、XAML、PNG 和 CSS sprite 格式。
網站: https://icomoon.io/app/

9. Squid Ink

Squid

想找特別又可愛的圖標下載嗎? Squid Ink 上的圖標都是親手畫的,總共包含了 2000 個圖標, 17 個類別,並提供了 5 種不同的下載格式,允許任意更改 icon 顏色或圖層樣式、移動和重新調整元素和大小。

使用說明:

可以免費選擇 50 個喜愛的 icon 在個人或商用作品中,第 51 個開始需要付費。

網站: https://thesquid.ink/flat-icons/

10. Freepik

Freepik

相信喜愛免費素材的你應該對於 FreePik 不陌生,如果你還沒有聽說過它,那麼現在也是時候了! 這是一個一直都在更新的線上資源網站,提供的不僅僅是免費圖標或 icon 。他們也提供大量的向量圖像、插圖、照片和 PSD 設計文件可供免費下載。

使用說明:

使用時需要註明出處。

網站: https://www.freepik.com/

收集了很多 icon 卻不知道怎麼有效的整理他們嗎? 試試你的專屬 icon 管理神器 Eagle


11. iconstore

iconstore

IconStore 是一個免費的向量 (SVG) 圖標庫,由才華橫溢的設計師們一同建立,全部的檔案都可下載用於商業用途。

使用說明:

你可以在個人和商業作品中使用網站內的所有圖標,不需要註明出處及原始連結,但如果你願意註明作者或出處,我們會很感激你。

網站: https://iconstore.co/

12. icon8

icon8

icon8 網站最初是一個提供免費 icon 資源的網站,但如果你也想找尋免費的高畫質圖片、向量圖片和免費音樂使用那就到這裡!他們還擁有強大的圖標編輯功能,可以讓你自由調整 icon 的顏色、添加文字、背景、大小、位置、形狀…等功能。如果你需要將 icon 嵌入到網站中,只需點擊「嵌入 HTML」按鈕,就會顯示各種嵌入方法!

使用說明:
  • 需要註明出處及原始連結,即可免費使用帶 icon8 上面所有的圖標,在個人或商業用途中。
  • 請注意,不允許將原始圖標檔案轉售和發佈給第三方人士。
網站: https://icons8.com/

13. Oxygenna

Oxygenna

Oxygenna是一個小的創意設計公司,專門從事網頁設計及 App 開發。他們網站上有一個資源專區,專門提供給設計師免費的資源,增加工作的效率。 你可以從網站中下載免費的 icon 資源,最棒的是提供你 Photoshop、Illustrator 和 PNG 檔案格式,。

使用說明:

不管是在個人或商用作品中,都可以任意使用。

網站:: https://www.oxygenna.com/

14. 1001freedownloads

1001freedownloads

1001FreeDownloads 是一個很著名的網站,直至今日他們每天都不斷的增加免費可下載的內容。它目前擁有數以千計的免費向量、照片、畫筆、漸變、PSD 和字體檔案供大家免費下載。

使用說明:

可以在個人和商業作品中使用網站內的所有圖標,不需要註明出處及原始連結,但如果你願意註明作者或出處,我們會很感激你。

網站: https://www.1001freedownloads.com/

15. iconshock

iconshock

在這裡你可以找到各種不同樣式、大小、格式和主題的各種圖標。 從 iOS 、Line icon 到以食物為主題的圖標主題通通都有。 所有圖標在 Iconshock 上都可完全免費供個人使用。小編最喜歡 iconshock 的一點是他們提供 3D 圖標,他們的 3D 圖標款式多樣且整潔,下載的出來的檔案畫質也很棒!

使用說明:

可以在個人作品中免費使用

網站: https://www.iconshock.com/free-icons/

16. pngtree

pngtree

Pngtree 是一個擁有數百萬個高畫質的 png、向量、模板和創意插圖的網站。 多年來,它為 3000 萬+ 設計師們和用戶提供了許多方便且適合商業用途的圖像內容!想要一次瀏覽多種 icon 的人可以參考這個網頁。

使用說明:

可以在個人和商業作品中使用網站內的所有圖標,需要註明出處及原始連結。

網站: https://pngtree.com/so/icon

17. google fonts

google

這裡的所有 icon 皆由 Google 免費提供。 如果你正在開發 Android App,或者你想看看大公司都怎麼設計 icon 介面 ,那麼你可以用 Google 自家生產的 icon 作為參考。Material Icons 有五種樣式和一系列不同的尺寸和大小可以下載。

使用說明:

可免費在個人或作品中使用。

網站: https://fonts.google.com/icons?selected=Material+Icons

18. steamline

steamline

擁有 12 種不同風格的主題,幫助你在 Streamline 中找到適合你工作項目的 icon。 網站上面擁有 100,000+ 個 icon 、插圖和表情符號。 全部由 steamline 團隊一一畫出,如果你想要在 Figma、Sketch 和 Adobe XD 上使用的話,可以下載他們自己開發的插件搭配使用,非常方便喔!

使用說明:

需要註明出處及原始連結。

網站: https://streamlinehq.com/

19. Fontawesome

fontawesome

想要找尋可以把 icon 變成 font 字型的網站嗎?Fontawesome 為你提供各種可縮放的向量圖標,
可以改變大小、顏色、陰影以及符合 CSS 的樣式。你也可以使用 style prefix 將 Font Awesome 提供的圖標放置在任何你想要的位置。

使用說明:

每個圖標的使用規範不同,請在下載前檢查用途規範。

網站: https://fontawesome.com/

20. Dribbble

Dribbble

如果常常在設計圈的你對 Dribbble 一定也不陌生,他就如同設計界的 Facebook 一樣。 上面有來自世界各地的設計師在上面發佈作品,包括各種圖形、動畫、UI、Web 和插圖。 你可以使用關鍵字在 Dribbble 上發現 500 + 多個不同設計師提供的免費 icon,若遇到任何 icon 使用上的問題也可以直接聯繫設計師討教。

使用說明:

每位設計師的提供的 icon 使用權限不一,請在頁面中仔細查看規範,或詢問設計師。

網站: https://dribbble.com/tags/free_icons

21. UXwing

UXwing

UXwing 是一個經驗豐富的 icon 設計師團隊,專長製作向量圖標。他們幫助設計師和開發者畫出漂亮的手機版 app 圖標、網站圖標、Web 設計、產品設計…等其他創意作品,網頁上 icon 支援向量檔案、透明背景的 PNG 和圖示字體格式。 UXwing 上主要分成三大類別:實體、線條、顏色,以上再細分成 150 多個子類別,可幫助大家即時找到合適的 icon 。

使用說明:

全部的 icon 都可以做個人或商業用途,不需要註明出處及原始連結。

網站: https://uxwing.com/

22. iconfactory

iconfactory

Iconfactory 的團隊擁有了二十多年的設計及軟體開發經驗,網站上的 icon 可以供大家在個人作品中免費使用,如果你有任何 icon 使用上的問題都可以詢問他們。

使用說明:

免費 icon 僅供個人作品使用,若需要作其他用途,請洽所有者。

網站: https://freeware.iconfactory.com/icons

23. thenounproject

thenounproject

Thenounproject 是一個由 120 多個國家及地區的設計師組成的網站,他們致力將 icon 變成世界上最通用的交流工具,希望可以跨越語言和文化的界限。 無論你是在尋找加密貨幣 icon、人工智慧 icon 、擁有 UI 元素 icon ,或是像 Beyoncé 等名人的 icon,你的特殊喜好在這裡都能被滿足。

使用說明:
  • 使用權限依每個 icon 有所不同,下載使用前請仔細閱讀頁面。
  • 免費使用需要註明出處及原始連結,若不想標記出處可以參考網站內的訂閱服務。
網站:https://thenounproject.com/icons/

24. DeviantArt

DeviantArt

DeviantArt 是一個充滿活力的藝術家社群及論壇,上面有近 200,000 + 個免費 icon 可供下載。 若你正在尋找動畫風格的 icon,到 DevianArt 一定可以找到!

使用說明:

每個 icon 的使用規範不同,有些作者會要求你是 DeviantArt 社群上的成員才能下載,因此請在下載仔細前檢查。

網站: https://www.deviantart.com/

25. iconmonstr

iconmonstr

iconmonstr 網站中集結了 316 個類別,共 4512+ 個免費圖標,在這裡 icon 只有黑與白。全部採用填充、粗體和細化設計。 每個 icon 都有 SVG、EPS、PSD 和 PNG 格式可供你下載使用。SVG 格式也有嵌入的 code。 若想要更改 icon 設計,可以選擇 PNG 格式直接在網站上更改圖像、大小、顏色、背景顏色等基本編輯。

使用說明:

可以在個人和商業作品中使用網站內的所有圖標。

網站: https://iconmonstr.com/

26. softicon

softicon

SoftIcons.com 允許免費下載 icon 包供個人使用。 網頁上包含了 2,849 組,共 475,655 個 icon 及圖像。網站自 2010 開始,每週增加了 9 組新 icon,從來不間斷。若是希望每週都可以發掘新的圖標,這裡會是你的好選擇。

使用說明:

所有 icon 均可供個人作品使用。 若需將 icon 作為商業目的使用,請閱讀欲下載的 icon 頁面授權區。

網站: https://www.softicons.com/

27. fontello

fontello

Fontello 是一種將向量圖像快速打包成 webfonts 的工具。 你可以將其視為 Twitter Bootstrap 的圖像。若你想把 icon 大量嵌入網站中,這裡擁有你所需要的一切。Fontello 提供的 icon 最大優點是在高解析度的螢幕上沒有像素化或模糊化的缺點,任何瀏覽器都支援。

使用說明:

使用權限依每個 icon 有所不同,下載使用前請仔細閱讀頁面。

網站: https://fontello.com/

28. veryicon

veryicon

VeryIcom.com 是一個圖標搜索引擎,它涵蓋了 1000 多個 icon 包,共 20000 個高畫質的 Web icon。 每個圖標都有 PNG、ICO 等多種文件格式,你可以輕鬆在 Windows、Macintosh 和 Linux 系統上免費瀏覽和下載。

使用說明:

網站上所有 icon 都可以免費用於非商業用途,但部分版權歸原作者所有,如果想將 icon 用於商業目的,必須付費獲得作者的版權協議。

網站: https://www.veryicon.com/

29. Boxicons

Boxicons

Boxicons 是一個精心設計的開源圖標網站,擁有 1500 多個簡單的圖標。 如果不想要太複雜的圖標,到 Boxicons 就對了。

使用說明:

Boxicons 是一個開源網站,使用的是創用 CC 授權 4.0,網站上的 icon 均可以做個人或商業用途。

網站:https://boxicons.com/

30. Feather

Feather

Feather 上面的圖標皆是開源免費圖標。每個圖標都設計在 24x24 大小上,每一個 icon 都強調簡單、一致和靈活。

使用說明:

全部的 icon 都可以做個人或商業用途,需要註明出處及原始連結。

網站:https://feathericons.com/

結語

這篇文章中的 30 個網站提供了超過數百萬個 icon 讓你免費下載,在挑選合適的圖標及 icon 時,選擇正確的質量跟大小也很重要,別忘了也適時的給提供免費素材的作者一些鼓勵吧!

如果你正在尋找一個工具來整理下載的所有 icon 檔案,那你一定要下載 Eagle! Eagle 是一款功能強大的檔案管理工具,專門為設計師整理素材而設計,不管你需要整理一大堆不同類型的圖標檔案,還是想要快速蒐集 icon 檔案,Eagle 都能幫助你的設計工作流程更輕鬆、有效率!