Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
Radix Icons – 15×15 開源圖標 Icons 免費下載，支援 Sketch、Figma 與 SVG 檔案格式
Radix Icons 是由 Modulz 團隊所設計的一個免費且開源的 15x15 尺寸圖標集，當中所有的圖標都是以 15x15 的尺寸呈現，並且完全開源在 GitHub 當中，因此你可以任意使用當中的圖標在任何商業或個人用途中使用。
Radix Icons 是由 Modulz 團隊（現已併入 WorkOS）所設計的一套免費開源圖標集，全部採用統一的 15×15 像素網格設計。這套圖標庫收錄了超過 300 個常用 UI 圖標，涵蓋箭頭、按鈕、表單、導航等各種介面設計常見場景，原始碼完全開源於 GitHub 當中，採用 MIT License 釋出，任何人都可以在商業或個人專案中免費使用，且不須署名。
在尋找合適的免費開源圖標庫時，設計師和開發者經常面臨選擇困難。Feather Icons 主打簡約線條風格，Remix Icon 以 2000+ 的龐大數量取勝，Heroicons 則是 Tailwind CSS 官方推薦的方案。Radix Icons 選擇了一條不同的路線，用 15×15 的超小尺寸和高度一致的設計語言，在 UI 元件層級提供了極度精煉的視覺方案。如果你正在建立一套設計系統，或者需要一組輕量且統一的圖標，Radix Icons 值得認真考慮。
網站名稱：Radix Icons
官方網站：https://icons.modulz.app/
授權方式：MIT License（可商用免費）
圖標數量：300+
支援格式：SVG、Figma、Sketch、IconJar、npm
目錄
Radix Icons 是什麼？Modulz 團隊打造的精簡開源圖標集
Radix Icons 的核心定位很明確：為 Radix UI 生態系提供一套統一的視覺語言。Modulz 團隊在打造 Radix UI 這套無樣式（unstyled）的 React 元件庫時，意識到需要一組與元件庫風格一致的圖標來搭配使用。於是 Radix Icons 應運而生，從一開始就不是為了取代其他大型圖標庫，而是為了補充 Radix UI 的元件生態。
這套圖標集的設計原則非常嚴格。所有圖標都基於 15×15 的像素網格繪製，線條粗細、圓角大小、間距比例全部統一。這意味著當你在同一個介面中使用多個 Radix 圖標時，它們的視覺重量完全一致，不會出現某個圖標看起來比其他圖標「重」或「輕」的問題。這對於追求設計一致性的團隊來說非常實用。
Modulz 團隊與 Radix UI 生態系的關聯
Modulz 是一家專注於設計系統工具開發的公司，後來被 WorkOS 收購。他們的核心產品 Radix UI Primitives 提供了一系列無樣式的 React 元件（如 Dialog、Dropdown、Tooltip 等），讓開發者可以在不覆寫預設樣式的情況下，自由打造符合品牌風格的 UI 元件。Radix Icons 正是這個生態系的視覺補充，當你在使用 Tabler Icons 或 CSS.GG 等其他開源圖標時，可能會發現它們的風格與 Radix UI 的極簡設計語言不夠契合，這時候 Radix Icons 就是最佳選擇。
值得一提的是，Radix UI 在 React 開發圈有相當高的採用率。許多知名的開源設計系統（如 shadcn/ui）底層都採用了 Radix UI 的無障礙元件。如果你的專案也基於 Radix UI 建構，那麼使用同源的 Radix Icons 可以確保設計語言的完全一致，這是其他通用圖標庫難以提供的。
Radix Icons 核心特色與圖標數量一覽
Radix Icons 目前收錄超過 300 個圖標，雖然數量上不及 Remix Icon 的 2000+ 或 Ionicons 的 1200+，但它的優勢在於每個圖標都經過精心設計，確保在 15×15 的有限空間內仍然清晰可辨。圖標涵蓋了以下主要分類：
- 箭頭與導航（Arrow Left、Arrow Right、ChevronDown、CrossCircled 等）
- 操作按鈕（Plus、Minus、Trash、Pencil、Copy 等）
- 表單元素（Check、Checkbox、RadioButton、Toggle 等）
- 狀態指示（InfoCircled、ExclamationTriangle、CheckCircled 等）
- 社交與品牌（GitHubLogo、TwitterLogo、LinkedInLogo 等）
- 排版工具（AlignLeft、AlignCenter、Bold、Italic 等）
從設計風格來看，Radix Icons 採用了線條（outline）為主的繪製方式，部分圖標同時提供填充（filled）變體。與 IconPark 提供的多種主題切換不同，Radix Icons 專注於一種風格做到極致。15×15 的尺寸選擇也頗具巧思，這個尺寸恰好適合在緊湊的 UI 元件（如工具列按鈕、表格操作欄）中使用，不會佔用過多空間。
在格式支援方面，Radix Icons 提供了五種輸出方式：純 SVG 檔案、Figma 檔案、Sketch 檔案、IconJar 檔案，以及 npm 套件。特別是 npm 的支援，讓每個圖標都可以作為獨立的 React 元件使用，這對前端開發者來說非常方便。比起 Simple Icons 需要手動複製 SVG 程式碼，Radix Icons 的元件化使用方式更加優雅。
Radix Icons 下載方式：SVG、Figma、Sketch、IconJar 與 npm
取得 Radix Icons 的方式非常多元，你可以根據自己的使用場景選擇最適合的下載管道。以下整理了所有可用的下載方式。
從官方網站下載完整圖標包
進入 Radix Icons 官方網站後，頁面右上方有一排下載按鈕，可以根據你使用的工具選擇對應格式。網站提供了 Figma、Sketch、IconJar、SVG 四種格式的完整圖標包，一鍵下載即可取得全部圖標。如果你只是需要單獨幾個圖標，也可以在網站上直接點擊圖標，系統會自動複製該圖標的 SVG 程式碼到剪貼簿，讓你直接貼到 HTML 程式碼中使用。這個功能和 IcoMoon App 的操作邏輯類似，但 Radix Icons 更為直覺，不需要額外設定。
官方網站還有一個貼心的小功能：點擊左上角的太陽圖示，可以將整個網站切換成暗色模式。這不僅是展示 Dark Mode 的設計巧思，對於習慣在深色環境下工作的設計師來說也更加友善。如果你的網站也需要加入深色主題功能，可以參考 Darkmode.Js 這類工具來快速實作。
透過 npm 安裝 Radix Icons
對於前端開發者來說，透過 npm 或 yarn 安裝是最方便的方式。在終端機中執行以下指令即可完成安裝：
npm install @radix-ui/react-icons
或者使用 yarn：
yarn add @radix-ui/react-icons
安裝完成後，每個圖標都是一個獨立的 React 元件，可以透過具名匯入（Named Import）的方式引入。這種設計讓打包工具（如 Webpack、Vite）能夠進行 Tree-shaking，只將你實際使用到的圖標打包進最終的產物中，大幅減少包體積。如果你需要對 SVG 進一步壓縮，可以搭配 SVGOMG 這類工具來最佳化檔案大小。
從 GitHub 取得原始碼
所有圖標的 SVG 原始檔案都可以在 GitHub 儲存庫中找到。如果你需要修改圖標的設計細節（例如調整圓角、線條粗細或圖標結構），可以直接從原始碼著手。修改後的圖標一樣可以在 MIT License 的框架下自由使用。如果你需要大量客製化圖標，也可以參考 SVG Repo 上豐富的 SVG 資源作為參考或補充。
在 React 專案中使用 Radix Icons 的完整教學
Radix Icons 的最大優勢之一就是原生 React 元件支援。不像某些圖標庫只提供 SVG 檔案，你需要手動包裝成元件，Radix Icons 已經幫你做好了這一步。以下是在 React 專案中使用 Radix Icons 的完整步驟。
基本引入方式與 Tree-shaking 最佳實踐
安裝套件後，使用具名匯入的方式引入需要的圖標元件：
import { ArrowLeftIcon, CheckIcon, TrashIcon } from '@radix-ui/react-icons';
function App() {
return (
<div>
<ArrowLeftIcon />
<CheckIcon />
<TrashIcon />
</div>
);
}
注意不要使用 `import * as Icons` 這種整包匯入的方式，這會讓打包工具無法進行 Tree-shaking，導致所有 300+ 個圖標都被打包進去。使用具名匯入可以確保只有你實際引用的圖標會出現在最終的 JavaScript 包中。如果你的專案使用了 Google Fonts 等 Web 字型資源，同樣需要注意只載入需要使用的字型子集來控制頁面載入量。
自訂圖標尺寸與顏色
Radix Icons 的每個元件都接受標準的 SVG 屬性，你可以透過 props 來控制圖標的尺寸和樣式：
// 設定尺寸
<ArrowLeftIcon width={24} height={24} />
// 透過 CSS class 設定顏色
<CheckIcon className="text-blue-500" />
// 透過 inline style 設定顏色
<TrashIcon style={{ color: 'red' }} />
雖然圖標的設計基於 15×15 的網格，但你可以將它放大到任意尺寸而不會失真，因為它們是向量圖形。不過要注意，放大超過 24×24 時，15×15 網格的設計可能會在視覺上顯得過於精簡，細節不夠豐富。如果你的專案需要大尺寸圖標，可以考慮使用 LineIcons 或其他基於 24×24 網格設計的圖標庫。
與 Radix UI 元件搭配使用
Radix Icons 最理想的搭配對象就是 Radix UI 的元件庫。以下是一個使用 Radix UI Dropdown Menu 搭配圖標的範例：
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
import { HamburgerMenuIcon, Pencil1Icon, TrashIcon } from '@radix-ui/react-icons';
function Menu() {
return (
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<HamburgerMenuIcon width={20} height={20} />
</DropdownMenu.Trigger>
<DropdownMenu.Content>
<DropdownMenu.Item>
<Pencil1Icon /> 編輯
</DropdownMenu.Item>
<DropdownMenu.Item>
<TrashIcon /> 刪除
</DropdownMenu.Item>
</DropdownMenu.Content>
</DropdownMenu.Root>
);
}
在 Next.js App Router 中使用時，如果遇到「Client Component」的錯誤提示，只需在使用圖標的元件檔案頂端加上 `use client` 指令即可。Radix Icons 的元件依賴瀏覽器環境渲染 SVG，因此在 Server Component 中無法直接使用。如果你遇到 Cloudflare Workers 等 Edge Runtime 環境，也需要注意類似的相容性問題。
在 Figma 與 Sketch 中使用 Radix Icons 的方法
對於設計師來說，Radix Icons 在 Figma 和 Sketch 中的整合體驗也相當成熟。這兩款設計工具都有對應的匯入方式，讓你可以在設計稿中直接使用 Radix 圖標。
在 Figma 中，你可以前往 Figma Community 搜尋「Radix Icons」，找到官方提供的檔案後點擊「Open in Figma」或「Duplicate to your drafts」，即可將全部圖標複製到你的專案中。匯入後，每個圖標都是獨立的元件（Component），你可以像使用 Clay Mockups 等設計資源一樣，直接從 Assets 面板拖曳圖標到畫布上。
在 Sketch 中，下載 .sketch 格式的圖標包後，你可以將它作為符號庫（Symbol Library）使用。在 Sketch 的偏好設定中將這個檔案加入為共享庫，之後在任何 Sketch 文件中都可以透過「Insert Symbol」功能快速插入 Radix 圖標。這種工作流程和 Free Deca UI Kit 等 UI 設計資源的使用方式一致。
值得一提的是，Radix Icons 官方網站本身就提供了一個非常便利的圖標選用介面。你可以透過上方的搜尋框快速找到需要的圖標，單擊圖標後就會自動複製 SVG 程式碼。這對於需要將圖標貼到 UI Design Daily 等設計資源中使用的設計師來說非常方便。另外，官方網站也支援切換暗色模式瀏覽，讓你可以在不同背景下預覽圖標效果。
在 WordPress 網站中使用 Radix Icons 的三種方法
雖然 Radix Icons 主要是為 React 開發者設計的，但 WordPress 使用者也完全可以在網站中使用這套精美的圖標。以下介紹三種不同的整合方式，適合不同程度的 WordPress 使用者。
方法一：直接內嵌 SVG 程式碼
最簡單的方式是直接將 Radix Icons 的 SVG 程式碼貼到 WordPress 的「自訂 HTML」區塊中。前往 Radix Icons 官方網站，點擊你需要的圖標，SVG 程式碼就會自動複製到剪貼簿。然後在 WordPress 編輯器中新增一個「自訂 HTML」區塊，貼上程式碼即可。你可以透過修改 SVG 標籤的 width、height 和 fill 屬性來調整圖標的尺寸和顏色。
這種方式適合只需要少量圖標的場景。如果你的網站託管在 Bluehost 等優質主機上，直接內嵌 SVG 不會對載入速度造成太大影響，因為 SVG 本身是非常輕量的向量格式。不過，如果你需要在多個頁面重複使用相同的圖標，建議改用方法二或方法三來統一管理。
方法二：透過佈景主題 functions.php 註冊 SVG 支援
WordPress 預設不允許上傳 SVG 檔案（基於安全考量）。如果你希望能夠將 Radix Icons 的 SVG 檔案上傳到 WordPress 媒體庫中，可以在佈景主題的 functions.php 檔案中加入以下程式碼來啟用 SVG 上傳功能：
function allow_svg_upload($mimes) {
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
add_filter('upload_mimes', 'allow_svg_upload');
啟用後，你就可以從 Radix Icons 官方網站 下載完整的 SVG 檔案包，然後將需要的圖標逐一上傳到 WordPress 媒體庫。這種方式比方法一更有系統性，方便在多篇文章中重複引用同一個圖標。為了確保上傳的 SVG 不會拖慢網站速度，建議搭配 ShortPixel 或 Imagify 等圖片壓縮外掛來最佳化 SVG 檔案大小。
方法三：使用 SVG Support 外掛
如果你不想修改程式碼，可以直接安裝「SVG Support」這類 WordPress 外掛來啟用 SVG 功能。安裝啟用後，WordPress 媒體庫就會自動接受 SVG 格式的上傳。你可以將 Radix Icons 的 SVG 檔案上傳後，像使用一般圖片一樣在文章或頁面中插入。這是最適合非技術背景使用者的方式。
不管你選擇哪種方式，都建議關注網站效能。過多的 inline SVG 會增加 HTML 文件大小，影響 WordPress 網站速度。如果你的網站使用 SiteGround SG Optimizer 或其他快取外掛，確保 SVG 資源有被正確快取。你也可以參考 WebP 圖片格式 的設定教學，了解如何在 WordPress 中最佳化圖片資源的載入效能。對於更進階的效能調校，啟用 GZIP 壓縮 可以進一步減少 SVG 檔案的傳輸大小。
在選擇 WordPress 託管環境時，主機的回應速度對於 SVG 等靜態資源的載入表現有直接影響。如果你正在尋找適合的 WordPress 主機方案，可以參考我們的 WordPress 虛擬主機推薦懶人包，裡面詳細比較了 17 款熱門主機的費用、速度和功能差異。
Radix Icons 與其他免費開源圖標庫的比較分析
市面上的免費開源圖標庫非常多，每套都有自己的特色和適用場景。以下將 Radix Icons 與幾個主流的開源圖標庫進行詳細比較，幫助你根據專案需求做出最佳選擇。
| 圖標庫 | 圖標數量 | 設計尺寸 | 授權 | React 支援 | 特色 |
|---|---|---|---|---|---|
| Radix Icons | 300+ | 15×15 | MIT | 原生元件 | Radix UI 生態系整合 |
| Feather Icons | 200+ | 24×24 | MIT | 需自行包裝 | 極簡線條風格 |
| Heroicons | 300+ | 24×24 | MIT | 原生元件 | Tailwind CSS 官方推薦 |
| Remix Icon | 2000+ | 24×24 | Apache 2.0 | 需自行包裝 | 數量龐大、分類完整 |
| Octicons | 200+ | 16×16 | MIT | 原生元件 | GitHub 官方設計 |
| Tabler Icons | 558+ | 24×24 | MIT | 原生元件 | 支援客製化 |
| Ionicons | 1200+ | 多尺寸 | MIT | Web Components | Ionic 框架內建 |
| Simple Icons | 2000+ | 24×24 | CC0 | 需自行包裝 | 品牌 Logo 專用 |
| CSS.GG | 700+ | 多尺寸 | MIT | 需自行包裝 | CSS-only 方案 |
從上面的比較表格可以看出，Radix Icons 在圖標數量上並不是最多的，但它的 15×15 設計尺寸和原生 React 元件支援是獨特的競爭優勢。如果你需要的是一套精煉、統一且適合 UI 元件層級的圖標，Radix Icons 是最理想的選擇。如果你需要更豐富的圖標數量和分類，Remix Icon 或 Ionicons 會更適合。
從授權角度來看，大多數圖標庫都採用 MIT License，包括 Radix Icons、Heroicons、Octicons 和 Tabler Icons。MIT License 是最寬鬆的開源授權之一，商用完全沒有問題。Remix Icon 採用 Apache 2.0 授權，同樣允許商用，但要求保留授權聲明。Simple Icons 採用 CC0（公眾領域）授權，使用上最為自由。
在設計風格方面，LineIcons 提供了多種粗細的線條變體，適合需要多樣化選擇的設計師。iconmonstr 則提供了 4000+ 的單色圖標，採用 CC0 授權。如果你需要特定領域的圖標（如品牌 Logo），Simple Icons 是不二之選。選擇圖標庫時，建議優先考慮設計一致性，再考慮數量。過多風格不一致的圖標反而會降低 UI 的整體品質。
SVG 圖標效能最佳化：Tree-shaking、SVGO 與載入速度
在使用任何 SVG 圖標庫時，效能最佳化都是不可忽視的環節。未經處理的 SVG 檔案可能包含編輯器留下的多餘資訊（如 metadata、空白字元、無用屬性），這些都會增加檔案大小並影響網頁載入速度。
Tree-shaking 是現代前端打包工具（Webpack、Vite、Rollup）提供的關鍵功能。它的原理是靜態分析你的程式碼，找出哪些匯出的模組從未被使用，然後在最終的打包產物中移除它們。以 Radix Icons 為例，如果你只使用了 5 個圖標，但圖標庫總共有 300 個，Tree-shaking 會確保打包結果只包含那 5 個圖標的 SVG 資料，而不是全部 300 個。這就是為什麼使用具名匯入（Named Import）這麼重要。
對於 SVG 檔案本身的壓縮，可以使用 SVGO（SVG Optimizer）這類工具。SVGO 能夠移除 SVG 中的多餘屬性、精簡路徑數據、合併相同樣式，通常可以將 SVG 檔案大小壓縮 20% 到 50%。你可以透過 SVGOMG 這個線上工具來體驗 SVGO 的壓縮效果，或者使用 Compressor.io 等通用圖片壓縮工具。如果你希望進一步了解網站速度的最佳化策略，可以參考 網站速度測試分析與最佳化指南 和 網站頁面載入速度對 Google SEO 排名的影響 這兩篇文章。
在載入策略方面，小型 SVG 圖標通常建議使用 inline SVG（直接內嵌在 HTML 中）來避免額外的 HTTP 請求。但如果圖標數量很多（超過 20 個），可以考慮使用 SVG Sprite 或 CSS background-image 的方式來最佳化。在 HTTP/2 環境下，多個小型 SVG 檔案的並行載入效率已經大幅提升，但 inline SVG 仍然是最快的渲染方式。你可以使用 GiftofSpeed 或 Fast or Slow 等工具來測試不同載入策略的實際效能差異。如果需要在載入前進一步壓縮圖片資源，Squoosh 是 Google 推出的免費跨平台壓縮工具，值得一試。
MIT 授權條款解析：Radix Icons 的商用指南
Radix Icons 採用的 MIT License 是開源界最廣泛使用的授權條款之一，也是條件最寬鬆的授權之一。簡單來說，MIT License 允許你做以下所有事情：
- 在商業專案中免費使用（包括 SaaS 產品、付費 App 等）
- 修改圖標的設計或程式碼
- 將修改後的版本重新分發
- 將圖標整合到你的開源或閉源專案中
- 將圖標用於客戶專案（接案、外包等場景）
MIT License 唯一的要求是：在你的專案中保留原始的版權聲明和授權條款文字。實務上，這通常意味著在你的專案的 LICENSE 檔案或第三方聲明檔案中，加入一段類似「This software includes Radix Icons, licensed under the MIT License」的文字即可。這比 CC Search 上某些需要署名的 CC BY 授權資源要簡單得多。
與其他常見的開源授權相比，MIT License 的自由度最高。Apache 2.0（如 Remix Icon 所採用的）在 MIT 的基礎上增加了專利授權條款，對使用者提供了更多法律保障，但也增加了授權條款的複雜度。CC0（公眾領域授權）則是直接放棄所有權利，比 MIT 更寬鬆，但只有少數專案採用。
如果你正在尋找更多免費可商用的設計資源，除了圖標之外，免費圖庫懶人包 收錄了 47 個可商用的無版權圖片資源。Pexels、Pixabay 和 Unsplash 也是非常優質的免費圖片來源。至於更多免費圖標資源，可以參考 FreeImages 和 Emblemicons 等網站。
Radix Icons 常見問題 FAQ
Radix Icons 是免費的嗎？
是的，Radix Icons 完全免費。所有圖標都以 MIT License 開源於 GitHub 上，你可以在任何商業或個人專案中免費使用，無須支付任何費用。比起付費圖標庫，免費開源的選擇在預算有限的情況下非常實用，而 Radix Icons 的品質完全不打折扣。
Radix Icons 有多少個圖標？
目前 Radix Icons 收錄了超過 300 個圖標，涵蓋 UI 設計中最常用的場景，包括導航箭頭、操作按鈕、表單元素、狀態指示、社交品牌和排版工具等分類。數量雖然不及 Iconstore 或 Iconhub 等大型圖標庫，但每個圖標都經過精心設計，品質非常高。
可以在商業專案中使用 Radix Icons 嗎？
可以。Radix Icons 採用 MIT License 授權，這意味著你可以在商業產品、SaaS 服務、付費 App、客戶專案等任何場景中免費使用。唯一的要求是在你的專案中保留原始的版權聲明和授權條款文字。具體的商用建議可以參考上方的「MIT 授權條款解析」章節。
如何修改 Radix Icons 的顏色和大小？
在 React 中，你可以透過 width 和 height props 來調整圖標尺寸，透過 CSS class 或 inline style 來設定顏色。在 SVG 原始檔案中，你可以直接修改 width、height 和 fill 屬性。如果你使用 Iconpie 等圖標產生工具，也可以將 Radix Icons 的 SVG 匯入後進行客製化調整。
Radix Icons 支援哪些設計工具？
Radix Icons 提供了 Figma、Sketch、IconJar 和 SVG 四種格式的完整下載包。Figma 使用者可以從 Figma Community 直接匯入，Sketch 使用者可以下載 .sketch 檔案作為符號庫，SVG 格式則通用於所有設計工具和開發環境。在跨工具支援方面，Icons8 和 Animated icons by Icons8 也提供了類似的豐富圖標資源。
Radix Icons 與 Radix UI 有什麼關係？
Radix Icons 與 Radix UI 同屬一個生態系。Radix UI 是一套無樣式的 React 元件庫（如 Dialog、Dropdown、Tooltip），而 Radix Icons 是為這套元件庫提供視覺圖標的配套方案。雖然你可以在不使用 Radix UI 的情況下單獨使用 Radix Icons，但兩者搭配使用可以獲得最佳的設計一致性。
如何在 WordPress 中使用 Radix Icons？
有三種主要方式：(1) 直接從官方網站複製 SVG 程式碼，貼到 WordPress 的「自訂 HTML」區塊中；(2) 在佈景主題的 functions.php 中啟用 SVG 上傳，然後將圖標上傳到媒體庫；(3) 安裝 SVG Support 等 WordPress 外掛來管理 SVG 圖標。詳細的操作步驟可以參考上方的「在 WordPress 網站中使用 Radix Icons」章節。如果你還沒有 WordPress 網站，可以先參考 Bluehost 的主機評價來選擇適合的託管方案。
Radix Icons 的圖標尺寸可以超過 15×15 嗎？
可以。雖然所有圖標基於 15×15 的網格設計，但因為 SVG 是向量格式，你可以將圖標放大到任意尺寸而不會失真。不過要注意，15×15 的設計在大尺寸（如 48×48 以上）時可能會顯得過於精簡。如果你的專案需要大尺寸的圖標，建議選擇基於 24×24 或更大網格設計的圖標庫。
講了這麼多：為什麼 Radix Icons 值得放入你的設計工具箱
回顧一下我們討論的內容：Radix Icons 是一套由 Modulz 團隊打造的 15×15 開源圖標集，採用 MIT License 授權，支援 SVG、Figma、Sketch、IconJar 和 npm 五種格式，原生支援 React 元件化使用。它特別適合基於 Radix UI 建構的專案，或者任何追求設計一致性的 UI 開發場景。
與其他圖標庫相比，Radix Icons 的優勢在於精煉的設計品質和與 Radix UI 生態系的無縫整合。雖然 300+ 的圖標數量不算多，但每個圖標都經過嚴格的設計審核，確保在 15×15 的有限空間內仍然清晰可辨。如果你需要更多圖標選擇，可以搭配 Feather Icons、Heroicons 或 Remix Icon 等其他開源圖標庫一起使用。
無論你是前端開發者、UI 設計師還是 WordPress 網站管理者，Radix Icons 都提供了適合你的整合方式。前往 Radix Icons 官方網站 開始探索吧。
如果你想要尋找更多免費圖標相關的資源，也可以參考以下網站：LineIcons、Emblemicons、Iconstore、Iconhub、Iconpie 等等，這些都是 TechMoon 介紹過的優質免費圖標資源網站。
