商用 icon 是什麼?和免費 icon 差在哪
商用 icon 是能依授權放進商業專案的圖示,免費只代表取得成本。
很多人找「商用 icon」時,真正要解決的不是下載速度,而是交付後會不會踩到授權限制。免費下載、可商用、免標註、可交給客戶使用,是四個不同判斷。
| 名稱 | 代表意思 | 交付前要查什麼 |
|---|---|---|
| 免費 icon | 可以不用付費取得圖示檔案 | 是否可商業使用、是否需標註來源、是否有限制格式 |
| 可商用 icon | 授權允許放進商業用途,例如網站、簡報、廣告、APP | 能否修改、能否給客戶、能否用在商品或 Logo |
| 免標註 icon | 使用時不用公開列出作者或平台來源 | 免標註是否只限付費方案,是否仍有轉售或商標限制 |
設計交付最常出錯的點,是把「可下載」當成「可任意用」。接案時,素材費常常不是最大成本,真正麻煩的是事後補授權、重做視覺、或向客戶解釋來源不清。
商用 Icon 授權怎麼看?免費、可商用、需標註差在哪
看 icon 授權時,先確認可商用、標註、修改與轉交限制。
判斷 icon 授權,不要只看平台首頁寫的「free」或「royalty-free」。請打開該圖示的授權頁、平台條款或專案 LICENSE 檔,確認它在你的使用情境下能不能成立。
| 授權類型 | 常見用途 | 標註需求 | 風險判斷 |
|---|---|---|---|
| CC0 | 商業素材、網站 UI、簡報、社群素材 | 通常不強制標註 | 仍不處理商標、肖像、隱私或背書問題 |
| CC BY | 商業素材、內容配圖、簡報 | 需要適當標註作者、授權與變更 | 標註位置要能被讀者找到,不宜藏在團隊內部檔案 |
| MIT / Apache 2.0 | 工程專案、icon font、網站或 APP 介面 | 通常要保留授權聲明 | 適合嵌入產品,但仍要保存授權檔與版本來源 |
| Royalty-free | 付費素材庫、廣告、商業設計 | 依平台方案而定 | 免版稅不代表可轉售、可再授權、可做商標 |
| Premium license | 客戶案、品牌素材、商務簡報 | 多數情況可免標註,仍以條款為準 | 要查是否限制商品主元素、Logo、AI 訓練或素材再販售 |
CC0 可以商用但不代表商標權免責
Creative Commons CC0 允許複製、修改、散布與商業使用,但官方也提醒,CC0 不影響他人的商標、專利、肖像或隱私等權利。品牌 icon 尤其要小心,因為圖示本身可用,不等於品牌名稱與商標使用也安全。
CC BY 可以商用但要標註
CC BY 4.0 允許商業使用與修改,但條件是給出適當標註、授權連結,並說明是否修改。若 icon 放在簡報、白皮書或提案內,標註可以集中在最後一頁或版權頁,但不能只存在設計師自己的資料夾。
Premium 免標註不等於可以轉售
付費方案常見好處是免標註與更高下載限制,但轉售、再授權、商標使用、商品主元素、素材資料庫、AI 訓練,通常仍會被條款限制。以 Flaticon 2026 年 4 月條款 為例,條款列出商標、轉售、商品主元素與機器學習等限制,交付前要逐項確認。
MIT / Apache 類型適合工程嵌入但仍要保留授權聲明
Material Symbols 官方標示採 Apache License Version 2.0,適合放進網站、APP 與產品介面。Font Awesome Free 則把 icons、fonts、code 分別放在不同授權下。工程團隊要保存授權檔,不要只複製 SVG 就交付。
哪些商用情境風險最高?Logo、客戶案、商品、APP 要分開看
Logo、商品轉售與客戶交付風險最高,不能用同一套判斷。
同一個 icon 放在簡報角落、放進 Logo、印在 T-shirt 上販售,授權風險完全不同。我會把 Logo 和商品主元素列為紅燈,因為這兩種用法會讓圖示承擔品牌識別或商品價值。
| 使用情境 | 風險等級 | 主要風險 | 交付前判斷 |
|---|---|---|---|
| Logo / 品牌識別 | 高 | 商標、獨占性、原創性不足 | 不要直接拿素材庫 icon 當正式 Logo;可只作草圖或情境示意 |
| 客戶專案 | 高 | 授權不可轉交、來源未留存 | 確認授權是否涵蓋客戶使用,並附來源紀錄 |
| 商品印刷 | 高 | icon 成為商品主元素、轉售限制 | 查是否需要 merchandising license 或額外授權 |
| APP / SaaS 介面 | 中高 | icon font、SVG、CSS 授權與版本留存 | 優先使用授權清楚、可長期維護的 icon pack |
| 網站 UI | 中 | 標註位置、可改色、icon pack 一致性 | 確認是否能放在 footer、about 或授權頁標註 |
| 廣告素材 | 中 | 商業曝光、平台條款、素材組合使用 | 確認素材可用於 paid media,不只看一般商用說明 |
| 簡報 / 提案 | 低到中 | 免費素材未標註、簡報轉交客戶 | 把來源放在末頁或備註,保留下載日期 |
可商用 icon 網站怎麼選?平台比較表
選平台要看授權、格式、標註方式與是否適合長期維護。
可商用 icon 平台不能只比素材多寡。真正有用的比較,是能不能快速查授權、能不能下載 SVG、是否有同風格 pack、是否需要標註、是否適合交給客戶或工程團隊維護。
| 平台 | 適合對象 | 常見格式 | 授權注意 | 最適合用途 |
|---|---|---|---|---|
| Flaticon | 設計接案者、行銷素材製作 | PNG、SVG、EPS、CSS | 免費使用通常涉及標註;Premium 可免標註但仍有限制 | 網站、簡報、社群素材、一般商業設計 |
| Icons8 | 行銷、產品、非設計師 | 依下載頁為準 | 免費使用需依情境放置 Icons8 連結或標註 | 簡報、網站、APP、社群素材 |
| Noun Project | 需要概念型圖示的人 | 依下載頁為準 | 依 Public Domain、CC BY 或 Royalty-Free 類型處理 | 提案、簡報、教育內容、概念說明 |
| Material Symbols | 產品 / UI 設計者、工程團隊 | font、SVG 類型資源 | 官方標示 Apache 2.0,仍要保留授權資訊 | 網站 UI、APP、SaaS 介面 |
| Font Awesome | 工程團隊、網站維護者 | icon font、SVG、CSS | Free 版 icons、fonts、code 授權不同,要分開看 | 網站、後台系統、產品介面 |
| Magnific / Freepik | 需要整合素材庫的人 | 依素材類型而定 | 平台條款、AI 產品、贊助素材與素材來源要分開確認 | 廣告素材、視覺設計、行銷素材 |
| Simple Icons | 需要品牌 icon 的 UI 團隊 | SVG | 專案採 CC0,但品牌名稱與商標仍需查品牌規範 | 品牌列表、整合頁、登入方式圖示 |
Flaticon
Flaticon 適合快速找同風格 icon pack,也適合行銷素材和一般網站 UI。使用前請看單一素材頁與 Flaticon 官方條款,特別是標註、商品主元素、商標、轉售、AI 訓練與 editorial use only 的限制。
Icons8
Icons8 授權頁 對免費使用的標註位置寫得很具體,例如網站頁面、APP About 或 Settings、簡報最後一頁。這類平台很適合非設計師,但交付時要把標註位置安排好,不要等客戶問才補。
Noun Project
Noun Project 的 icon 可能落在 Public Domain、CC BY 或 Royalty-Free 類型。判斷時不要只看搜尋結果,請進入下載頁確認授權。若是 CC BY,簡報或提案末頁要保留作者與來源標註。
Material Symbols
Material Symbols 適合 APP、SaaS、網站介面與設計系統。它的優勢不只在授權清楚,也在長期維護與樣式一致。產品團隊如果已經使用 Google Material 風格,這類圖示比零散素材庫更穩。
Font Awesome
Font Awesome 很適合工程端使用,但要分清楚 icons、fonts、code 的授權差異。設計師交付給前端時,最好附上版本、來源連結和授權檔位置,避免半年後換人維護時只剩一包不知來源的 SVG。
Magnific / Freepik
Magnific / Freepik 類型素材庫 適合做視覺整合,但條款會同時牽涉平台素材、贊助素材、AI 產品與協作者內容。商用設計要分清楚素材真正來源,不能把平台頁面上的整體說明當成每個檔案的最終授權。
Simple Icons / 品牌 icon 注意事項
Simple Icons 採 CC0,但品牌 icon 的使用還會碰到商標與品牌規範。我的判斷很保守:品牌 icon 可用來指示「支援哪些平台」或「登入方式」,不要把它改造成自己的品牌識別。
開源 icon 和免費素材庫差在哪?
開源 icon 的信任基礎在授權檔,免費素材庫則看平台條款。
開源 icon 通常有 GitHub repository、LICENSE、版本紀錄與 issue 討論;免費素材庫則多半由平台條款、作者上傳規則與單一素材頁共同決定。兩者都能商用,但查證方式不同。
| 比較項目 | 開源 icon | 免費素材庫 icon |
|---|---|---|
| 授權來源 | 專案 LICENSE、README、release 記錄 | 平台條款、素材頁、作者授權 |
| 信任方式 | 看專案維護狀態與授權檔是否清楚 | 看平台是否明確說明免費、付費、標註與限制 |
| 適合用途 | APP、SaaS、網站 UI、設計系統 | 簡報、社群、廣告、一般商業素材 |
| 主要風險 | 保留授權聲明、版本更新、品牌商標 | 標註義務、轉售限制、授權不可轉交 |
| 交付紀錄 | 保存 repository、commit 或 release、LICENSE | 保存素材頁、授權頁截圖、下載日期 |
產品團隊若要長期維護,我通常會優先選開源或官方 icon system;一次性提案和社群素材,素材庫效率更高。選擇沒有固定答案,關鍵是用途和留證方式要配套。
實際下載前怎麼檢查授權?5 步驟流程
下載前先看授權頁、留證,再決定是否放進商業設計。
授權檢查不需要變成法律研究,但要有固定流程。只要圖示會進客戶檔案、網站、APP、廣告或商品,就不要只靠瀏覽器分頁記憶。
- 確認使用情境:先判斷是簡報、網站 UI、Logo 草圖、客戶交付、APP 還是商品印刷。
- 打開授權頁:看平台條款、單一素材頁、LICENSE 或官方說明。
- 查標註要求:確認是否要寫作者、平台、授權名稱、連結與修改紀錄。
- 確認修改與嵌入:檢查能否改色、裁切、重組、放進 CSS、icon font 或向量檔。
- 留存證據:保存來源連結、授權截圖、下載日期、檔名與專案位置。
先看授權頁,不只看搜尋結果
搜尋結果常會顯示「free」或「commercial use」,但那不是完整授權。設計師要打開素材頁與授權頁,確認該 icon 是否有 editorial use only、Premium、作者標註或商品限制。
英文關鍵字通常比中文更準
查授權時,用 attribution、commercial use、redistribution、sublicense、trademark、merchandise、AI training 這類英文關鍵字,通常比只搜「可商用」準。平台條款多半以英文版本為準,翻譯頁只能當輔助。
優先找同設計者 icon pack
同設計者或同 pack 的圖示,線寬、圓角、透視和留白比較一致。對客戶案來說,這能減少後期修圖時間,也能避免畫面看起來像臨時拼湊。
留存授權截圖與下載日期
授權會改版,平台也可能換條款。交付時附上下載日期、來源連結與授權截圖,比口頭說「這個可以商用」可靠很多。這一點不華麗,但很救命。
商用設計要怎麼挑 icon,才不只合法也好用?
好用的商用圖示要同風格、可改色、清楚可讀,不能只看授權。
授權過關只是底線,設計品質還要看一致性、可讀性、可維護性。商用 icon 放在品牌識別、網站 UI 或簡報系統裡,會和字體、色彩、版面一起影響專業感。若品牌還沒建立視覺規則,可先參考 品牌規範手冊 與 品牌識別設計指南。
同風格一致性
同一個頁面不要混用線性、填色、3D、手繪和擬物風格。icon pack 越一致,讀者越容易把它視為同一套介面語言,而不是不同來源的裝飾。
線寬與圓角一致
線性圖示最容易露出不一致:一個 1.5px、一個 2px、一個圓角很重、一個幾乎直角。設計交付前要拉到同尺寸檢查,尤其是功能按鈕、表單提示和導覽列圖示。
SVG 是否可改色
商業設計優先選 SVG,因為它是向量檔,縮放不容易失真,也比較容易改色和接進設計系統。PNG 適合快速使用,但在深色背景、Retina 螢幕或多尺寸輸出時,彈性較低。
小尺寸可讀性
icon 在 16px、20px、24px 這些小尺寸下仍要看得懂。太細的線條、過多細節、含糊的比喻,在簡報大圖上可能漂亮,進到 APP 導覽列就會失效。
深色/淺色背景可辨識
同一組 icon 要檢查深色、淺色與品牌主色背景。若圖示只能在白底成立,放進廣告素材或深色 UI 時就會掉品質。品牌視覺一致性可參考 品牌形象一致性 的檢查方式。
| 品質項目 | 檢查方式 | 不通過時的處理 |
|---|---|---|
| 同 pack | 來源、作者、線條語言是否一致 | 換成同一套 icon pack |
| 可改色 | SVG 是否能改 fill、stroke 或 CSS | 改找可編輯向量檔 |
| 可讀性 | 縮到實際使用尺寸測試 | 改用更簡化的圖示 |
| 無障礙 | 對比是否足夠,是否需要文字輔助 | 補上標籤、替代文字或提高對比 |
簡報、提案、社群素材用 icon 要注意什麼?
簡報、提案和社群素材可用 icon,但標註位置要先安排好。
行銷與商務工作者最常用 icon 的地方,是 Google 簡報、客戶提案、社群圖、廣告素材與活動簡報。這些用途不一定高風險,但很容易忘記標註。若素材會交給客戶或公開發布,來源紀錄就要跟著檔案走。
| 使用場景 | 建議做法 | 標註位置 |
|---|---|---|
| Google 簡報 | 優先選同風格 pack,避免每頁圖示語言不同 | 最後一頁、備註區或版權頁 |
| 客戶提案 | 使用可商用且可交付的素材,保留授權截圖 | 提案末頁或交付資料夾 |
| 社群素材 | 確認平台是否接受貼文標註、帳號標註或來源連結 | 貼文文字、留言、頁面說明或品牌素材紀錄 |
| 廣告素材 | 確認可用於商業曝光與 paid media | 內部素材紀錄,必要時依平台要求公開標註 |
做 AI 簡報或品牌視覺素材時,也要把 icon 來源當成素材清單的一部分。相關流程可參考 AI 簡報品牌視覺。若只是用 AI 產生 Logo 概念,仍不建議把素材庫 icon 直接變成正式商標,可搭配 AI Logo 產生器 的風險判斷一起看。
交付前檢查清單:商用 icon 可以安心上線嗎?
交付前要確認授權、來源、標註與客戶使用範圍都有紀錄。
商用 icon 的最後檢查,不是問「這看起來能不能用」,而是看交付資料能不能回答四件事:哪裡來、什麼授權、怎麼標註、客戶能用到什麼範圍。
| 檢查項目 | 通過標準 | 留存位置 |
|---|---|---|
| 來源連結 | 每組 icon 都有素材頁或專案頁連結 | 交付資料夾、素材清單、設計系統文件 |
| 授權截圖 | 截圖包含授權名稱、平台、日期與限制 | license-records 資料夾 |
| 標註位置 | 需要 attribution 的素材已安排公開或文件內標註 | 簡報末頁、網站 footer、About、版權頁 |
| 客戶使用範圍 | 確認可放在客戶專案,不涉及再授權或素材再販售 | 交付說明或素材紀錄 |
| Logo / 商標 | 沒有直接使用素材庫 icon 作為正式 Logo 主體 | 品牌識別檔案與設計說明 |
| 商品用途 | 若圖示是商品主元素,已查額外授權或改用自製圖示 | 商品專案紀錄 |
| 工程嵌入 | icon font、CSS、SVG 套件保留 LICENSE 與版本 | repository、README、設計系統文件 |
| 設計一致性 | 線寬、圓角、尺寸、背景對比已檢查 | 設計檔與 QA 紀錄 |
我會把這份清單放在交付前,而不是上線後。授權問題越晚處理,成本越高;設計問題越晚修,整套品牌視覺越容易被迫打補丁。
免費 icon 可以商用嗎?
不一定。免費 icon 只代表取得成本為零,不代表可以用在商業專案。使用前要查看授權頁,確認是否允許 commercial use、是否要標註來源、是否限制 Logo、商品轉售或客戶交付。
可商用 icon 一定不用標註來源嗎?
不一定。CC BY、Icons8 免費使用、部分素材庫免費方案都可能要求標註。可商用只代表允許商業用途,免標註要另外查授權條款或付費方案說明。
Flaticon 的 icon 可以放在客戶專案嗎?
要看下載時的授權、方案與使用情境。Flaticon 免費使用通常涉及標註,Premium 可免標註,但仍要查商品主元素、商標、轉售、再授權與 AI 訓練等限制。客戶案應保存素材頁、授權頁截圖與下載日期。
可以把免費 icon 拿去做 Logo 嗎?
不建議。Logo 牽涉品牌識別、獨占性與商標風險,免費 icon 或素材庫 icon 通常不適合直接當正式 Logo 主體。可以作為草圖參考,但正式識別應重新設計並確認商標風險。
可以把 icon 印在 T-shirt、貼紙或商品上賣嗎?
要特別小心。若 icon 是商品主要賣點或主視覺,很多平台會限制這類用途,甚至需要額外 merchandising license。商品用途不要只看一般商用說明,必須查轉售與主元素限制。
SVG 和 PNG 哪個比較適合商業設計?
多數商業設計優先選 SVG,因為它是向量檔,縮放清楚,也較容易改色、接進網站 UI 或設計系統。PNG 適合快速放進簡報或社群圖,但多尺寸輸出與深色背景彈性較低。
開源 icon 比免費素材庫安全嗎?
不一定更安全,但通常更容易查證。開源 icon 有 LICENSE、版本紀錄與專案頁;免費素材庫則要看平台條款與單一素材頁。真正的差別在於授權是否清楚、是否保留紀錄、是否符合使用情境。
Noun Project 的 CC BY icon 要怎麼標註?
CC BY icon 通常要標註作者、授權名稱、授權連結,並說明是否修改。實際格式仍以 Noun Project 下載頁與授權頁為準。簡報可放在末頁,網站可放在 footer、About 或版權頁。
簡報或提案使用 icon,需要把來源放在哪裡?
可放在簡報最後一頁、備註區、版權頁或交付資料夾中的素材清單。若授權要求公開標註,就不要只放在內部紀錄;若是客戶提案,建議把來源截圖與下載日期一起保存。
APP 或 SaaS 介面使用 icon,要注意什麼授權?
APP 或 SaaS 要注意 icon font、SVG、CSS、開源 LICENSE、版本紀錄與授權聲明保留方式。產品會長期維護,建議優先使用官方或開源 icon system,避免混用來源不明的零散圖示。
可以把 icon 改色、改線寬或重組嗎?
要看授權是否允許修改。很多平台允許改色或調整尺寸,但重組、再散布、做成素材包或商品主元素可能另有限制。修改後仍要保留原始來源與授權紀錄。
客戶交付檔裡要附 icon 授權紀錄嗎?
建議要附。至少保留來源連結、授權截圖、下載日期、標註需求與使用範圍。這不是形式文件,而是讓客戶日後改版、上架、投放廣告或交給工程團隊時,有依據可查。