30 個免費 icon 下載網站推薦:圖示、SVG、向量圖等使用指南
人的想像力無遠弗屆,就如我們提供你的免費 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 是一個與 FreePik 同一家公司的網站,專門為設計師找尋免費素材。Flaticon 最棒的特點是可以使用網站內的收尋引擎找到「免費且商業可用」的圖示。此外,在這裡找到的 Icon 及圖示都包含了向量圖形檔案和常見的圖片格式,方便設計師在下載後直接使用。
使用說明:
使用時需要標註出處,即使用於個人作品也需要。若要用於商業用途則需要購買商用授權。
網站: https://www.flaticon.com/
3. FIND ICONS
FindIcons 是一個圖示搜索網站,它們擁有世界上最大的免費圖示數據庫,網站內有篩選器和推薦功能,幫助你在做設計作品時更快速找到需要的免費圖示。雖然,它的搜索引擎看起來有點簡易且傳統,但相信一定有需要這種設計風格的設計師們。
使用說明:
每個圖示上都列出了不同授權的使用說明,請在下載前檢查用途規範。
網站: https://findicons.com/
4. IconArchive
IconArchive 也是一個巨量的素材搜索引擎,它不僅包含常見的界面按鈕圖示,還有紋理材質風格的圖示及各種主題的漫畫 Icon。IconArchive 網站的特別之處在於它的搜尋結果是以顏色排列的,你可以使用贊同及不贊同的投票功能,幫助改進搜尋結果。如果你突然沒有靈感,也可以選擇最熱門、最多人預覽的 Icon 款式找到你喜愛的圖示。
使用說明:
大部分圖示都是採用 CC 授權方式,但每個圖示稍有不同。下載前請在各別的圖示頁面中查詢。
網站: https://iconarchive.com/
5. GraphicBurger
GraphicBurger 是一個免費提供給設計師們使用的設計資源網站。在這裡你甚至可以找到每個 Icon 專屬的 PSD 檔案來修改圖示,變成你想要的樣子。如果你正在尋找可愛特別的圖示,請不要錯過 GraphicBurger!
使用說明:
- GraphicBurger 上所有的資源都可以隨意下載,包括 Logo 模型、產品模型、文字效果、圖示、使用者介面、插圖、背景圖片等,均可在個人和商業項目中免費使用。
- 使用時不需要註明出處及原始連結,但如果你願意註明作者或出處,我們會很感激你。
網站: https://graphicburger.com/
6. Premium Pixel
如果你真的不知道要使用什麼圖示的話,Premium Pixel 提供了專家精挑細選的免費圖示,你可以在這裡搜尋各種免費素材和介面圖示的懶人包。
使用說明:
所有資源都是免費授權使用,幾乎沒有限制。
網站: https://www.premiumpixels.com/
7. Freebiesbug
這個網站上的資源是由許多設計師共同製作和發布的一系列 PSD 圖示。就像他的網站名稱一樣,它提供了大量免費在 Photoshop 上使用的 Icon 素材。
使用說明:
可以在個人作品中免費使用這些圖示。若用於商業用途,請在使用前再次檢查授權,因為每個圖示的作者要求都不太一樣。
網站: https://freebiesbug.com/psd-freebies/icons/
8. IcoMoon app
想要製作自己的圖示嗎?那你應該會喜歡 IcoMoon!IcoMoon 不僅可以找尋想要的圖示,還可以建立或合併你自己的 Icon 樣式,最後生成多種檔案格式直接使用。
使用說明:
- 每個圖示都有一個授權連結可以參考詳細使用授權。
- 網站上的圖示都可以免費下載,進行基本的編輯,也可以導入你自己的圖示,製作圖示字體檔案或生成 SVG、Polymer、PDF、XAML、PNG 和 CSS sprite 格式。
網站: https://icomoon.io/app/
9. Squid Ink
想找特別又可愛的圖示下載嗎? Squid Ink 上的圖示都是親手畫的,總共包含了 2000 個圖示, 17 個類別,並提供了 5 種不同的下載格式,允許任意更改 Icon 顏色或圖層樣式、移動和重新調整元素和大小。
使用說明:
可以免費選擇 50 個喜愛的 Icon 在個人或商用作品中,第 51 個開始需要付費。
網站: https://thesquid.ink/flat-icons/
10. Freepik
相信喜愛免費素材的你應該對於 FreePik 不陌生,如果你還沒有聽說過它,那麼現在也是時候了! 這是一個一直都在更新的線上資源網站,提供的不僅僅是免費圖示或 Icon 。他們也提供大量的向量圖片、插圖、照片和 PSD 設計文件可供免費下載。
使用說明:
使用時需要註明出處。
網站: https://www.freepik.com/
收集了很多 Icon 卻不知道怎麼有效的整理他們嗎? 試試你的專屬 Icon 管理神器 Eagle
11. iconstore
IconStore 是一個免費的向量(SVG)圖示庫,由才華橫溢的設計師們一同建立,全部的檔案都可下載用於商業用途。
使用說明:
你可以在個人和商業作品中使用網站內的所有圖示,不需要註明出處及原始連結,但如果你願意註明作者或出處,我們會很感激你。
網站: https://iconstore.co/
12. Icons8
Icons8 網站最初是一個提供免費 Icon 資源的網站,但如果你也想找尋免費的高畫質圖片、向量圖片和免費音樂使用那就到這裡!他們還擁有強大的圖示編輯功能,可以讓你自由調整 Icon 的顏色、添加文字、背景、大小、位置、形狀…等功能。如果你需要將 Icon 嵌入到網站中,只需點擊「嵌入 HTML」按鈕,就會顯示各種嵌入方法!
使用說明:
- 需要註明出處及原始連結,即可免費使用帶 Icons8 上面所有的圖示,在個人或商業用途中。
- 請注意,不允許將原始圖示檔案轉售和發佈給第三方人士。
網站: https://icons8.com/
13. Oxygenna
Oxygenna 是一個小的創意設計公司,專門從事網頁設計及 App 開發。他們網站上有一個資源專區,專門提供給設計師免費的資源,增加工作的效率。 你可以從網站中下載免費的 Icon 資源,最棒的是提供你 Photoshop、Illustrator 和 PNG 檔案格式,。
使用說明:
不管是在個人或商用作品中,都可以任意使用。
網站:: https://www.oxygenna.com/
14. 1001freedownloads
1001FreeDownloads 是一個很著名的網站,直至今日他們每天都不斷的增加免費可下載的內容。它目前擁有數以千計的免費向量、照片、畫筆、漸變、PSD 和字體檔案供大家免費下載。
使用說明:
可以在個人和商業作品中使用網站內的所有圖示,不需要註明出處及原始連結,但如果你願意註明作者或出處,我們會很感激你。
網站: https://www.1001freedownloads.com/
15. iconshock
在這裡你可以找到各種不同樣式、大小、格式和主題的各種圖示。 從 iOS 、Line Icon 到以食物為主題的圖示主題通通都有。 所有圖示在 Iconshock 上都可完全免費供個人使用。小編最喜歡 iconshock 的一點是他們提供 3D 圖示,他們的 3D 圖示款式多樣且整潔,下載的出來的檔案畫質也很棒!
使用說明:
可以在個人作品中免費使用
網站: https://www.iconshock.com/free-icons/
16. pngtree
Pngtree 是一個擁有數百萬個高畫質的 PNG、向量、模板和創意插圖的網站。 多年來,它為 3000 多萬設計師們和用戶提供了許多方便且適合商業用途的圖片內容!想要一次瀏覽多種 Icon 的人可以參考這個網頁。
使用說明:
可以在個人和商業作品中使用網站內的所有圖示,需要註明出處及原始連結。
網站: https://pngtree.com/so/icon
17. google fonts
這裡的所有 Icon 皆由 Google 免費提供。 如果你正在開發 Android App,或者你想看看大公司都怎麼設計 Icon 介面 ,那麼你可以用 Google 自家生產的 Icon 作為參考。Material Icons 有五種樣式和一系列不同的尺寸和大小可以下載。
使用說明:
可免費在個人或作品中使用。
網站: https://fonts.google.com/icons?selected=Material+Icons
18. Streamline
擁有 12 種不同風格的主題,幫助你在 Streamline 中找到適合你工作項目的 Icon。 網站上面擁有 100000 多個 Icon 、插圖和表情符號。 全部由 Streamline 團隊一一畫出,如果你想要在 Figma、Sketch 和 Adobe XD 上使用的話,可以下載他們自己開發的插件搭配使用,非常方便喔!
使用說明:
需要註明出處及原始連結。
網站: https://streamlinehq.com/
19. Fontawesome
想要找尋可以把 Icon 變成字型的網站嗎?Fontawesome 為你提供各種可縮放的向量圖示,可以改變大小、顏色、陰影以及符合 CSS 的樣式。你也可以使用 style prefix 將 Font Awesome 提供的圖示放置在任何你想要的位置。
使用說明:
每個圖示的使用規範不同,請在下載前檢查用途規範。
網站: https://fontawesome.com/
20. Dribbble
如果常常在設計圈的你對 Dribbble 一定也不陌生,他就如同設計界的 Facebook 一樣。 上面有來自世界各地的設計師在上面發佈作品,包括各種圖形、動畫、UI、Web 和插畫。 你可以使用關鍵字在 Dribbble 上發現 500 多個不同設計師提供的免費 Icon,若遇到任何 Icon 使用上的問題也可以直接聯繫設計師討教。
使用說明:
每位設計師的提供的 Icon 使用權限不一,請在頁面中仔細查看規範,或詢問設計師。
網站: https://dribbble.com/tags/free_icons
21. UXwing
UXwing 是一個經驗豐富的 Icon 設計師團隊,專長製作向量圖示。他們幫助設計師和開發者畫出漂亮的手機版 app 圖示、網站圖示、Web 設計、產品設計等其他創意作品,網頁上 Icon 支援向量檔案、透明背景的 PNG 和圖示字體格式。 UXwing 上主要分成三大類別:實體、線條、顏色,以上再細分成 150 多個子類別,可幫助大家即時找到合適的 Icon 。
使用說明:
全部的 Icon 都可以做個人或商業用途,不需要註明出處及原始連結。
網站: https://uxwing.com/
22. Iconfactory
Iconfactory 的團隊擁有了二十多年的設計及軟體開發經驗,網站上的 Icon 可以供大家在個人作品中免費使用,如果你有任何 Icon 使用上的問題都可以詢問他們。
使用說明:
免費 Icon 僅供個人作品使用,若需要作其他用途,請洽所有者。
網站: https://freeware.iconfactory.com/icons
23. thenounproject
Thenounproject 是一個由 120 多個國家及地區的設計師組成的網站,他們致力將 Icon 變成世界上最通用的交流工具,希望可以跨越語言和文化的界限。 無論你是在尋找加密貨幣 Icon、人工智慧 Icon 、擁有 UI 元素 Icon ,或是像 Beyoncé 等名人的 icon,你的特殊喜好在這裡都能被滿足。
使用說明:
- 使用權限依每個 Icon 有所不同,下載使用前請仔細閱讀頁面。
- 免費使用需要註明出處及原始連結,若不想標記出處可以參考網站內的訂閱服務。
網站:https://thenounproject.com/icons/
24. DeviantArt
DeviantArt 是一個充滿活力的藝術家社群及論壇,上面有近 200000 個免費 Icon 可供下載。 若你正在尋找動畫風格的 Icon,到 DevianArt 一定可以找到!
使用說明:
每個 Icon 的使用規範不同,有些作者會要求你是 DeviantArt 社群上的成員才能下載,因此請在下載仔細前檢查。
網站: https://www.deviantart.com/
25. iconmonstr
iconmonstr 網站中集結了 316 個類別,共 4512 多個免費圖示,在這裡 Icon 只有黑與白。全部採用填充、粗體和細化設計。 每個 Icon 都有 SVG、EPS、PSD 和 PNG 格式可供你下載使用。SVG 格式也有嵌入的 code。 若想要更改 Icon 設計,可以選擇 PNG 格式直接在網站上更改圖片、大小、顏色、背景顏色等基本編輯。
使用說明:
可以在個人和商業作品中使用網站內的所有圖示。
網站: https://iconmonstr.com/
26. softicon
SoftIcons.com 允許免費下載 Icon 包供個人使用。 網頁上包含了 2,849 組,共 475,655 個 Icon 及圖片。網站自 2010 開始,每週增加了 9 組新 icon,從來不間斷。若是希望每週都可以發掘新的圖示,這裡會是你的好選擇。
使用說明:
所有 Icon 均可供個人作品使用。 若需將 Icon 作為商業目的使用,請閱讀欲下載的 Icon 頁面授權區。
網站: https://www.softicons.com/
27. fontello
Fontello 是一種將向量圖片快速打包成 Webfonts 的工具。 你可以將其視為 Twitter Bootstrap 的圖片。若你想把 Icon 大量嵌入網站中,這裡擁有你所需要的一切。Fontello 提供的 Icon 最大優點是在高解析度的螢幕上沒有像素化或模糊化的缺點,任何瀏覽器都支援。
使用說明:
使用權限依每個 Icon 有所不同,下載使用前請仔細閱讀頁面。
網站: https://fontello.com/
28. veryicon
VeryIcom.com 是一個圖示搜索引擎,它涵蓋了 1000 多個 Icon 包,共 20000 個高畫質的 Web icon。 每個圖示都有 PNG、ICO 等多種文件格式,你可以輕鬆在 Windows、Macintosh 和 Linux 系統上免費瀏覽和下載。
使用說明:
網站上所有 Icon 都可以免費用於非商業用途,但部分版權歸原作者所有,如果想將 Icon 用於商業目的,必須付費獲得作者的版權協議。
網站: https://www.veryicon.com/
29. Boxicons
Boxicons 是一個精心設計的開源圖示網站,擁有 1500 多個簡單的圖示。 如果不想要太複雜的圖示,到 Boxicons 就對了。
使用說明:
Boxicons 是一個開源網站,使用的是創用 CC 授權 4.0,網站上的 Icon 均可以做個人或商業用途。
網站:https://boxicons.com/
30. Feather
Feather 上面的圖示皆是開源免費圖示。每個圖示都設計在 24x24 大小上,每一個 Icon 都強調簡單、一致和靈活。
使用說明:
全部的 Icon 都可以做個人或商業用途,需要註明出處及原始連結。
網站:https://feathericons.com/
結語
這篇文章中的 30 個網站提供了超過數百萬個 Icon 讓你免費下載,在挑選合適的圖示及 Icon 時,選擇正確的質量跟大小也很重要,別忘了也適時的給提供免費素材的作者一些鼓勵吧!
如果你正在尋找一個工具來整理下載的所有 Icon 檔案,那你一定要下載 Eagle! Eagle 是一款功能強大的檔案管理工具,專門為設計師整理素材而設計,不管你需要整理一大堆不同類型的圖示檔案,還是想要快速蒐集 Icon 檔案,Eagle 都能幫助你的設計工作流程更輕鬆、有效率!