PixelCake PixelCake
設計思考與基礎

商用 icon 授權怎麼看?免費、標註與客戶交付判斷

商用 icon 不只看能不能免費下載,還要確認 icon 授權、標註義務、修改限制與客戶交付範圍。整理免費、可商用、免標註與付費素材常見風險,幫設計案交付前快速避開授權問題。

商用 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、廣告或商品,就不要只靠瀏覽器分頁記憶。

  1. 確認使用情境:先判斷是簡報、網站 UI、Logo 草圖、客戶交付、APP 還是商品印刷。
  2. 打開授權頁:看平台條款、單一素材頁、LICENSE 或官方說明。
  3. 查標註要求:確認是否要寫作者、平台、授權名稱、連結與修改紀錄。
  4. 確認修改與嵌入:檢查能否改色、裁切、重組、放進 CSS、icon font 或向量檔。
  5. 留存證據:保存來源連結、授權截圖、下載日期、檔名與專案位置。

先看授權頁,不只看搜尋結果

搜尋結果常會顯示「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 授權紀錄嗎?

建議要附。至少保留來源連結、授權截圖、下載日期、標註需求與使用範圍。這不是形式文件,而是讓客戶日後改版、上架、投放廣告或交給工程團隊時,有依據可查。