圖標自由！14個優質的免費圖標庫推薦
整理版優先睇
14個免費高質圖標庫推薦，涵蓋多風格支援多框架
身為設計師，我始終覺得畫圖標係件頗為麻煩嘅事——要規範、簡潔、精準表達含義，仲要滿足龐大數量需求。尤其係週期緊張嘅項目，圖標製作更係瑣碎耗時。好彩互聯網嘅開源社區貢獻咗好多優秀圖標庫，等大家可以直接用。
呢篇文分享咗我日常收錄嘅14個優質圖標庫，基本涵蓋所有類型，各有優勢：有聚合平台（Free Svg Icons）方便對比；有支援多框架嘅（Iconsax、Lucide等）；有極簡風格（Akar Icons）；有手繪風格（Doodle Icons）；有等距3D風格（Isocons）等等。大部分庫免費開源，可自定義細節。善用呢啲庫，你可以將精力投放到真正有差異化價值嘅界面信息架構、視覺節奏與交互策略上。
- 呢14個庫涵蓋線性、填充、手繪、3D、雙色等多種風格，應有盡有。
- 大部分庫支援React、Vue、Svelte等主流框架，集成效率高。
- 部分庫提供Figma源文件，一鍵導入設計稿，方便設計師使用。
- 聚合平台如Free Svg Icons收錄超過250K圖標，一次性對比多個庫。
- 手繪同等距風格圖標有助於打造個性化設計，提升界面辨識度。
Free Svg Icons
聚合型平台，集成超過250K圖標，支援SVG、PNG、React等多種格式，方便跨庫對比。
Remix Icon
知名開源圖標庫，超過3000個圖標，風格中性百搭，提供Figma社區文件，更新頻率高。
Lucide
輕量型線性圖標庫，收錄超1600個圖標，極簡設計，體積小巧加載高效。
Hero Icons
由Tailwind CSS團隊開發，包含outline、solid、Mini、Micro四種風格，與Tailwind無縫適配。
圖標庫點解重要？
畫圖標對設計師嚟講係件麻煩事，要兼顧規範、簡潔同精準表達，尤其喺項目週期緊張時更加瑣碎耗時。開源圖標庫可以幫我哋直接使用優質成果，減少重複勞動。
14個必收藏圖標庫
以下係我收錄嘅14個圖標庫，基本涵蓋所有常見風格，各有唔同優勢：
- 1 Free Svg Icons：聚合型平台，集成超過250K圖標，支援SVG、PNG、React等，方便一次對比多個庫。
- 2 Iconsax：提供Outline、Bold等5種變體，超過4萬圖標（其中6000+免費），支援React/Vue/Svelte框架。
- 3 Mageicons：開源簡約現代風格，近1000+圖標，支援Figma、React同Web Fonts。
- 4 Remix Icon：知名開源庫，超3000圖標，風格中性百搭，提供Figma社區文件，更新頻率高。
- 5 Lucide：輕量型線性圖標庫，超1600個圖標，極簡設計，體積小巧加載高效，支援自定義stroke寬度。
- 6 Akar Icons：極簡風格，超400圖標，柔和圓端處理，適合極簡風界面。
- 7 QingIcon：國內設計師項目，超2000圖標，單雙色風格，適合B端中後台，有Figma plugin同插畫庫。
- 8 Circumicons：285個圓形/圓角輪廓圖標，風格統一辨識度高。
每個庫都有其獨特定位，例如Lucide輕量高效適合追求加載速度嘅項目，Doodle Icons手繪風格可以打造個性化品牌，Isocons等距風格提升信息入口吸引力。
點樣揀啱圖標庫？
選擇圖標庫時，可以考慮以下因素：
- 風格匹配：根據項目風格選擇線性、填充、手繪或3D。
- 框架支援：確保庫支援你用嘅框架（React、Vue等）。
- 自定義能力：能否調整顏色、大小、描邊。
- 授權：確認免費商用條款，避免日後麻煩。
最終目的係將時間留俾真正有價值嘅設計決策，而唔係重複畫圖標。
雖然身為設計師，但我一直都覺得畫圖標係件幾麻煩嘅事，要規範、簡潔，又要準確表達意思，仲要兼顧設計感，同埋要滿足大量數量嘅需求。特別係對於週期緊張嘅項目嚟講，製作圖標更加係一項瑣碎又耗費心力嘅工作。
好彩嘅係，互聯網入面秉持開源文化嘅開源者貢獻咗好多優秀嘅開源項目，等我哋可以直接用呢啲優質成果。下面分享我平時收集嘅 14 個優質圖標庫，大致涵蓋咗所有圖標類型，而且各有唔同嘅優勢，例如支援 React、Vue、Svelte 等常用開發框架、可以自由調整線條、顏色、大小等細節、提供 Figma 源文件等多種需求。
以我個人嘅體驗嚟講，完全滿足我商業同個人項目嘅需求，下面係具體嘅圖標庫介紹：
1. Free Svg Icons
- ●地址：freesvgicons.com
- ●簡介：集合咗多個常見嘅開源圖標庫，總共有超過250K個圖標，支援匯出SVG、PNG、React、Ts等多種格式，基本上涵蓋曬所有場景嘅需求。
- ●優勢：匯集型平台，可以一次過預覽同對比多個平台嘅圖標，方便跨界使用，可以直接下載編輯，唔需要複雜嘅授權程序。
2. Iconsax
- ●地址：app.iconsax.io
- ●簡介：多種風格變體（Outline / Bold / Bulk / Two-tone / Broken 等）嘅一套現代感圖標系統。總共 4 萬幾個圖標，免費圖標超過 6000 個。
- ●優勢：支援 React、Vue、Svelte 等框架，可以自訂尺寸、顏色同描邊，風格統一性高，有利於中大型設計系統，整合效率高。
3. Mageicons
- ●地址：mageicons.com
- ●簡介：開源嘅簡約現代風格圖標庫，收錄近 1000+ 個圖標，支援 Figma、React 同 Web Fonts。
- ●優勢：設計簡潔精美，支援 Stroke Icons、Fill Icons、Brand Icons。
4. Remix Icon
- ●地址：remixicon.com
- ●簡介：知名嘅開源圖標庫，擁有超過 3000 個圖標，涵蓋常用產品、開發、商用場景。風格中性百搭，提供 Figma 社區文件，可以一鍵導入使用。
- ●優勢：圖標線條統一規範，適合 Web、手機端等多種場景，更新頻率高，支援主流開發框架，社區維護活躍。
5. Lucide
- ●地址：lucide.dev
- ●簡介：輕量型開源線性圖標庫，收錄超過 1600 個圖標，以極簡設計語言適應各類界面，係我個人最常用嘅圖標庫之一，推薦。
- ●優勢：體積細小加載高效，支援自訂 stroke 寬度同顏色，兼容 React、Vue 等框架，適合追求輕量化嘅項目。
6. Akar Icons
- ●地址：akaricons.com
- ●簡介：開源嘅極簡風格圖標庫，包含超過 400 個圖標，帶有柔和圓角處理嘅友好型線性圖標庫。
- ●優勢：冇冗餘代碼容易整合，圖標設計精簡友好，適合極簡風嘅界面設計。
7. QingIcon
- ●地址：qingicon.com
- ●簡介：國內設計師項目，由 Asorn & 胡蝶 設計開發，超過 2000 個圖標，單雙色風格，類型多樣，適合 B 端、中後台項目。
- ●優勢：支援 SVG、Figma plugin、Webfont，有詳細嘅指導文檔，仲有一套 SVG 插畫庫，滿足個性化設計需求，推薦！
8. Circumicons
- ●地址：circumicons.com
- ●簡介：免費圖標 285 個，以圓形／圓角輪廓作為整體視覺載體嘅圖標庫。
- ●優勢：風格統一，辨識度高，設計優秀，支援尺寸同顏色自訂。
9. Hero Icons
- ●地址：heroicons.com
- ●簡介：由 Tailwind CSS 團隊開發嘅開源圖標庫，包含超過 300 個圖標，分為 outline、solid、Mini、Micro 四種風格，提供 Figma 社區文件。
- ●優勢：同 Tailwind CSS 完美配合，圖標風格簡約統一，支援 React、Vue 框架組件化調用，開發整合效率高。
10. Boxicons
- ●地址：boxicons.com
- ●簡介：超過 3000 個免費圖標，包括 Basic / Duotone / Brands 類別。
- ●優勢：支援多種自訂修改方式，包括自訂大小、顏色、線條等，整合方便。
11. Grassicons
- ●地址：grassicons.framer.website
- ●簡介：100+ 線性風格，設計簡潔，支援 SVG 同 Figma。
- ●優勢：包含靜態同動態圖標，圖標動畫簡潔流暢。
12. Isocons
- ●地址：www.isocons.app
- ●簡介：等距（isometric）風格嘅 3D 透視輕擬物圖標。
- ●優勢：具有立體深度，可以提升信息入口嘅吸引力，適合功能推廣／著陸頁／空頁面插圖化。
13. Iconoir.com
- ●地址：iconoir.com
- ●簡介：收錄超過 1600 個圖標，語義覆蓋非常全面。
- ●優勢：框架（React / Vue / Flutter 等）支援，可以自訂大小、描邊同顏色。
14. Doodle Icons
- ●地址：khushmeen.com/icons.html
- ●簡介：手繪風格圖標庫，收錄超過 400 個圖標同一個插畫庫，線條活潑靈動，充滿創意感。
- ●優勢：風格獨特，同常規圖標好唔同，適合個性化、年輕化嘅設計場景，支援 PNG、Figma、SVG。
最後
善用優秀嘅開源圖標庫，可以令你將精力放喺真正有差異化價值嘅界面信息架構、視覺節奏同交互策略上面。
我仲將上面所有嘅圖標庫都收錄咗喺自己嘅資源整合網站 UIUXDECK，如果覺得一個個收藏太麻煩，可以嚟呢度睇我所有嘅資源集合。
- ●地址：uiuxdeck.com/search?category=icon-library
雖然身為設計師，但我始終覺得畫圖標是件頗為麻煩的事，要規範、簡潔，又得精準表達含義，兼具設計感，同時還需滿足龐大的數量需求。尤其對於週期緊張的項目而言，圖標製作更是一項瑣碎且耗費精力的工作。
慶幸的是，互聯網秉持開源文化的開源者們貢獻了眾多優秀的開源項目，讓我們可以直接使用這些優質成果。下面分享我日常收錄的 14 個優質的圖標庫，基本涵蓋了所有圖標的類型，並且各有不同的優勢，比如支持 React、Vue、Svelte等常用的開發框架、可自由調整線條、顏色、大小等細節、 提供Figma 源文件等多種需求。
在我個人體驗中，完全滿足我商業和個人項目的需求，下面是具體圖標庫介紹：
1. Free Svg Icons
- ●地址：freesvgicons.com
- ●簡介：聚合了多個常見的開源圖標庫，集成超過250K的圖標數量，支持SVG、PNG、React、Ts等多種格式導出，基本涵蓋所有的場景需求。
- ●優勢：聚合型平台，一次性預覽和對比多平台圖標，方便跨界，可直接下載編輯，無需複雜授權流程。
2. Iconsax
- ●地址：app.iconsax.io
- ●簡介：多風格變體（Outline / Bold / Bulk / Two-tone / Broken 等）的一套現代感圖標體系。總共4萬+圖標，免費圖標超過 6000個。
- ●優勢：支持 React、Vue、Svelte 等框架，可自定義尺寸、顏色與描邊，風格統一度高，利於中大型設計系統，集成效率高。
3. Mageicons
- ●地址：mageicons.com
- ●簡介：開源的簡約現代風格圖標庫，收錄近 1000+個圖標，支持Figma，React 和 Web Fonts。
- ●優勢：設計簡潔精美，支持Stroke Icons，Fill Icons，Brand Icons。
4. Remix Icon
- ●地址：remixicon.com
- ●簡介：知名開源圖標庫，擁有超 3000 個圖標，覆蓋常用產品、開發、商用場景。風格中性百搭，提供 Figma 社區文件，可一鍵導入使用。
- ●優勢：圖標線條統一規範，適配 Web、移動端多場景，更新頻率高，支持主流開發框架，社區維護活躍。
5. Lucide
- ●地址：lucide.dev
- ●簡介：輕量型開源線性圖標庫，收錄超 1600 個圖標，以極簡設計語言適配各類界面，我個人最常用的圖標庫之一，推薦。
- ●優勢：體積小巧加載高效，支持自定義 stroke 寬度與顏色，兼容 React、Vue 等框架，適合追求輕量化的項目。
6. Akar Icons
- ●地址：akaricons.com
- ●簡介：開源的極簡風格圖標庫，包含超 400 個圖標，帶有柔和圓端處理的友好型線性圖標庫。
- ●優勢：無冗餘代碼易集成，圖標設計精簡友好，適合極簡風界面設計。
7. QingIcon
- ●地址：qingicon.com
- ●簡介： 國內設計師項目，由Asorn & 胡蝶 設計開發，超過2000 個圖標，單雙色風格，類型多樣，適合B端、中後台項目。
- ●優勢：支持 SVG 、 Figma plugin、 Wenfont，有詳細指導文檔，還有一套SVG插畫庫，滿足個性化設計需求，推薦！
8. Circumicons
- ●地址：circumicons.com
- ●簡介：免費圖標圖標285個，以圓形/圓角輪廓為整體視覺載體的圖標庫。
- ●優勢：風格統一辨識度高，設計優秀，支持尺寸與顏色自定義。
9. Hero Icons
- ●地址：heroicons.com
- ●簡介：由 Tailwind CSS 團隊開發的開源圖標庫，包含超 300 個圖標，分為 outline、solid、Mini、Micro 四種風格，提供 Figma 社區文件。
- ●優勢：與 Tailwind CSS 無縫適配，圖標風格簡約統一，支持 React、Vue 框架組件化調用，開發集成效率高。
10. Boxicons
- ●地址：boxicons.com
- ●簡介：超過 3000 個免費圖標，含 Basic / Duotone / Brands 類別。
- ●優勢：支持多種自定義修改方式、包括自定義大小與顏色、線條等，集成便捷。
11. Grassicons
- ●地址：grassicons.framer.website
- ●簡介：100+ 線性風格，設計簡潔，支持 SVG 和 Figma.
- ●優勢：包含靜態和動態圖標，圖標動畫簡潔流暢。
12. Isocons
- ●地址：www.isocons.app
- ●簡介：等距（isometric）風格的 3D 透視輕擬物圖標。
- ●優勢：具備立體深度，提升信息入口吸引力, 適合功能推廣 / 落地頁 / 空頁面插圖化。
13. Iconoir.com
- ●地址：iconoir.com
- ●簡介：收錄超 1600 個圖標，語義覆蓋非常全面。
- ●優勢：框架（React / Vue / Flutter 等）支持，可自定義大小，描邊與顏色。
14. Doodle Icons
- ●地址：khushmeen.com/icons.html
- ●簡介：手繪風格圖標庫，收錄超 400 個圖標以及一個插畫庫，線條活潑靈動，充滿創意感。
- ●優勢：風格獨特區別於常規圖標，適合個性化、年輕化的設計場景，支持 PNG、Figma、SVG。
最後
善用優秀的開源圖標庫，可以讓你把精力投入到真正有差異化價值的界面信息架構、視覺節奏與交互策略上。
我也把上面所有的圖標庫都收錄到了自己資源整合的網站 UIUXDECK ，如果覺得一個個收藏太麻煩，可以到這裏查看我所有的資源集合。
- ●地址：uiuxdeck.com/search?category=icon-library