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

羅傑摩爾・2021-09-01

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

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

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

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


30 個免費 Icon 網站推薦清單

Eagle App - 你的 Icon 及設計素材整理工具


在尋找更多免費 Icon 之前,先來認識 Eagle! Eagle 是一款專門給設計師使用的素材整理工具,有了它,在找尋靈感圖示時,只需單擊即可一鍵儲存網路上你喜歡的所有圖示和圖片,然後輕易使用篩選器、標籤、甚至顏色輕鬆整理和瀏覽! 

它支援超過 81 種格式,包括圖示、圖片、3D、影片、字體、檔案等等! Eagle 有許多出色的 UI,特別有助於設計師進行不同專案工作,也可以很輕鬆與 Figma、Photoshop、AI 一起使用,提高設計生產力!  

官網: tw.eagle.cool

1. 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. Icons8

icon8

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

使用說明:
  • 需要註明出處及原始連結,即可免費使用帶 Icons8 上面所有的圖示,在個人或商業用途中。
  • 請注意,不允許將原始圖示檔案轉售和發佈給第三方人士。
網站: 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. Streamline

steamline

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

使用說明:

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

網站: https://streamlinehq.com/

19. Fontawesome

fontawesome

想要找尋可以把 Icon 變成字型的網站嗎?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 是一個充滿活力的藝術家社群及論壇,上面有近 200000 個免費 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 都能幫助你的設計工作流程更輕鬆、有效率!

相關文章

【影片素材懶人包】43 個無版權可商用網站推薦
免費影片素材好難找?版權使用條款「落落長」看不懂?本文將介紹43個免費無版權影片素材網站,讓你低成本做出精美影片!
47 個免費商用圖庫!無版權、高解析度、可商用圖片素材下載
本文收集了 47 個免費、高品質、高解析度的 CC0 圖片網站,大部分皆可商用,也保有二次創作的空間,讓你不必再擔心侵權問題,輕鬆下載製作,吸睛又吸金!
21 款免費影片剪輯軟體推薦,華麗視覺、輕鬆創作!
不想花太多預算在後製影片嗎?本文推薦21款免費影片剪輯軟體,讓你輕鬆做出華麗視覺效果和擁有專業水準的影片,開啟影片創作的新世界!
12 首 IG Reels 熱門音樂推薦,有效提高連續短片觸及率!
想讓你的 IG Reels 更吸睛嗎?12 首熱門的連續短片音訊推薦,讓你跟上潮流、掌握趨勢,輕鬆找到好聽又適合的配樂,讓音樂為你的 Reels 加分!
免費打造專業設計!25 款中英文字體任你下載,精美可商用
本文我們精選了 25 款可免費商用的中文英文字型,精美的字體設計,輕鬆讓你的作品變更專業!附上載點可立即下載收藏,排版、品牌廣告、社群貼文都適用!
免費 20 組精選 Icon,直接下載幫你的下個專案找到好素材!
立即發掘這免費精選的 20 組 Icon 圖示包,立即下載,為你的下個專案找到絕佳素材!讓 Eagle 部落格陪你提升設計品質,加速創作!