在網站設計、簡報製作或 App UI 開發中，一組簡潔清晰的圖示（icon）常常能大幅提升使用者體驗。然而許多圖示受限於授權，不能自由使用於商業項目。
因此這篇文章為你整理了 20 個可免費商用的圖示網站，全部支援 SVG 或 PNG 格式，適合用於 WordPress、Notion、Figma、Canva、PPT 等各種場景。
免費圖示授權須知
在使用免費圖示時，請注意以下幾個常見授權類型：
- 可商用（Commercial Use）：可用於公司網站、商品、廣告、APP 內元素等
- 需署名（Attribution Required）：需註明設計者或來源網站名稱
- 不可改作：有些平台雖可下載，但禁止改變圖示顏色、比例或轉為其他格式
- 授權條款常更新：使用前務必查看圖示頁面上的最新說明
20 個可商用圖示網站推薦（2025 最新）
| 圖示網站 | 格式支援 | 可商用 | 需署名 | 特色簡介 |
|---|---|---|---|---|
| FontAwesome | SVG/PNG | ✅ | ❌（部分免費） | 最知名的 icon 字型庫，也可單獨下載圖示檔案 |
| Heroicons | SVG | ✅ | ❌ | Tailwind 團隊開發，簡約、可編輯 |
| Feather | SVG | ✅ | ❌ | 開源極簡線條風格，輕量好改 |
| Iconoir | SVG/PNG | ✅ | ❌ | 有趣線條風格，有 1300+ 免費圖示 |
| Remix Icon | SVG | ✅ | ❌ | 適合後台介面與 UI 設計 |
| Material Icons | SVG/PNG | ✅ | ❌ | Google 官方設計系統圖示 |
| Bootstrap Icons | SVG | ✅ | ❌ | Bootstrap 官方圖示，輕量好整合 |
| Lucide | SVG | ✅ | ❌ | Feather 的進化版，支援多平台 |
| Tabler Icons | SVG | ✅ | ❌ | 線條清晰、支援多粗細風格 |
| Phosphor Icons | SVG/PNG | ✅ | ❌ | 可切換粗細、風格完整 |
| SVGRepo | SVG | ✅ | ✅（依圖而定） | 大型圖示搜尋引擎，分類豐富 |
| Iconmonstr | SVG/PNG | ✅ | ❌ | 黑白圖示極簡風格，無需署名 |
| Icons8 | SVG/PNG | ✅ | ✅ | 動畫圖示、樣式齊全、需註明來源 |
| Flaticon | SVG/PNG | ✅ | ✅ | 全球最大 icon 庫之一，有 Pro 版本 |
| The Noun Project | SVG/PNG | ✅ | ✅ | 來自全球設計師，風格多元 |
| Streamline Icons | SVG/PNG | ✅（部分免費） | ❌ | 專業圖示，風格統一、分類完整 |
| Iconscout (Free) | SVG/PNG | ✅ | ✅ | 支援 WebP、Figma 插件、VS Code 整合 |
| Eva Icons | SVG | ✅ | ❌ | 幾何風格圖示，支援動畫效果 |
| css.gg | SVG/CSS | ✅ | ❌ | 可用 CSS 引用的免費 icon 套件 |
| Bootstrap Icons | SVG | ✅ | ❌ | 開源、好整合、適合後台設計 |
SVG、PNG、WebP 有什麼差別？
| 格式 | 適用場景 | 特點 |
|---|---|---|
| SVG | 網站 UI、APP、介面設計 | 可縮放、可改色、體積小、支援動畫 |
| PNG | 簡報、部落格插圖 | 固定解析度，保留透明背景、適合靜態展示 |
| WebP | 現代網站圖片載入 | 更小體積但不支援所有平台 |
**建議：**若你的設計可自訂樣式，選擇 SVG；若只需要靜態插圖，選擇 PNG。
推薦付費圖示資源（進階使用）
常見問題 FAQ
這些免費圖示都能商用嗎？
大多數網站標示「Free for commercial use」，但仍建議每次下載前確認授權條款。
可以修改圖示樣式嗎？
若為 SVG 格式，幾乎都可自由改色、加粗、縮放，但請避免違反授權限制。
可以用在產品、網站模板販售嗎？
這類「再分發」用途需特別小心，建議使用付費授權平台以避免侵權風險。
挑對圖示資源，設計事半功倍
一套風格一致、授權清楚的圖示，不只讓你的設計更有質感，也能提升網站專業度與使用者信任。
希望這篇免費圖示網站推薦能幫你找到合用的素材！