Flaticon 圖示下載:選格式、保留作者署名

Flaticon 圖示下載教學:用一張實際下載的128px透明PNG,說明尺寸選擇、作者署名與來源保存。分清一般Icons和Uicons的SVG入口,整理免費商用、客戶交付、Premium年繳與退款條件,下載後再確認成品能否使用。

用 AI 摘要這篇文章:

Flaticon 的免費圖示下載,除了選格式,也要把作者署名留在成品中。這次下載 apien 的一張128px圖示,取得可開啟、帶透明背景的PNG;接下來就用這個例子,從尺寸選擇走到來源保存,再分清一般 Icons、Uicons 與 Premium 的條件。

先下載一張圖示,確認尺寸與作者

打開 Flaticon 官網,在搜尋欄輸入圖示代表的物件或動作。例如找聯絡信箱,可以輸入 envelope,再挑選符合版面風格的圖示。先決定要放在哪裡:簡報裡的小圖、網頁按鈕,或需要放大的印刷品,對格式與尺寸的要求不同。

這次用 apien 製作的 Envelope 圖示示範一般 Icons 的免費 PNG 下載。操作時沒有登入帳號;這只能說明這一張的下載結果,其他素材仍要看各自的入口與授權標示。

  1. 開啟圖示頁,先看作者與授權。範例作者是 apien,頁面標示需要署名;把素材頁網址一起保存,之後才找得到原圖和來源。
  2. 點 PNG 旁的尺寸選單。本例可選 16、24、32、64、128、256、512px,示範選 128px;不要只看放大的預覽圖判斷解析度。
  3. 在下載面板選 Free download。這次完成後出現作者署名提示,同時取得 PNG 檔;若看到的是 Premium 方案入口,先回頭確認選到的格式。
  4. 在署名提示按 Copy link,把內容存進專案筆記。畫面應顯示 Copied!,接著實際貼上檢查,不要把按過按鈕當成已保存。
  5. 打開下載檔,查看像素尺寸與透明背景,再放進目標版面。此次檔案是 128×128 的透明 PNG,容量 3,217 位元組,與選擇的尺寸一致。
Flaticon 一般 Icons 的 PNG 選單提供16到512px尺寸,右側列出apien作者與署名要求Pin
一般 Icons 的 PNG 尺寸選單;本例下載128px。Email 圖示由 apien 製作,來源 Flaticon。

如果 128px 放進成品後不夠清楚,保留原檔,回素材頁另存較大的版本再比較。這次下載面板仍出現預設的 512px 按鈕,但實際檔案是選定的 128px;判斷下載是否正確,要查看檔案本身。

PNG、SVG 怎麼選?先分清 Icons 與 Uicons

Flaticon 的一般 Icons 和 Interface icons(Uicons)有不同的格式入口,不能直接說整站的 SVG 都必須付費。 本次一般 Icons 範例的 SVG 按鈕會開啟 Premium 提示;Uicons 則有另一套 SVG 與開發用套件的說明。

入口或格式適合的需求下載前確認
一般 Icons 的 PNG要把固定尺寸圖片放進簡報、文章或版面所選像素、透明背景、作者署名;放大點陣圖可能變模糊
一般 Icons 的 SVG、EPS、PSD、BASE64需要該圖示的向量或其他編輯格式定價頁列為 Premium 功能;確認素材實際提供的格式
Interface icons(Uicons)網站或 App 介面圖示、SVG 或圖示字型依 Uicons 的下載、帳號及署名條件操作,不套用一般 Icons 的格式結論

在這次開啟的 Uicons Envelope 頁面,能看到 SVG、PNG、Android、iOS 選項,以及下載完整圖示包的註冊提示。這裡只確認了畫面與文件,沒有完成 SVG 下載;需要這條路徑的讀者,請依 Uicons 官方入門文件操作。文件介紹 CDN、下載套件與 NPM,下載套件中包含 SVG、CSS、字型檔及 HTML 範例。

Uicons Envelope 圖示提供SVG、PNG、Android及iOS入口,下方顯示下載完整圖示包的註冊提示Pin
Uicons 的格式與帳號提示,和一般 Icons 不同。介面圖示來源為 Uicons by Flaticon,使用須遵守其署名與授權條件。

想把 PNG 改成可任意縮放的圖示,不能只把副檔名改為 .svg。改檔名不會產生向量路徑;若原本就需要 SVG,應先找提供該格式、授權也符合用途的素材。

免費署名要放在哪裡?保存作者、連結與使用位置

免費圖示的作者不一定叫 Flaticon。本例下載後提供的文字是 Email icons created by apien – Flaticon,連結指向 本例提供的 Email 圖示署名連結。如果只寫「圖片來自 Flaticon」,可能漏掉素材要求的作者。

Flaticon 免費下載後提醒署名作者apien,Copy link欄位顯示Copied並提供授權文件Pin
下載後會顯示作者署名與 Copy link;按下後仍應貼到專案中確認文字與連結。Email 圖示由 apien 製作,來源 Flaticon。

Flaticon 免費授權說明,網頁使用時應在可見的位置提供作者與 Flaticon 的署名連結;非網頁用途則放在圖示附近或作品的製作名單等可見位置。簡報可在適當的素材來源頁列出作者,網頁可放在圖示附近或頁尾。重點是觀看成品的人能找到,而不是只有製作者自己的筆記裡有。

WordPress 的圖片替代文字是協助理解圖片內容的資訊,不適合拿來當唯一的可見署名。把 PNG 上傳媒體庫後,另外在圖片說明或頁面中加入來源;若用的是網頁署名連結,發布後要點開確認能到正確位置。

Uicons 的官方入門頁另提供 Uicons by Flaticon 署名,連結至 Flaticon Uicons。請保存所用入口提供的版本,不要把 apien 範例的文字套到其他作者或所有圖示。

專案中至少留下一份素材頁網址、作者、下載日期、當時的授權或方案資料,以及署名放在成品的哪裡。下載提示中的一般 license.pdf 說明的是通用規則,不能只靠這份文件證明某個人何時取得了哪張素材。

可以商用,不代表能直接當 Logo 或商品主圖

Flaticon 的免費授權包含符合條件的商業使用,但免費素材仍須署名,個別素材也可能有不同標示。依 官方條款第 8 節,先按用途分辨幾件事:

  • 公司網站、簡報或廣告: 先確認素材不是 Editorial Use Only。編輯用途素材不能因為帳號升級 Premium,就拿去做一般商業宣傳。
  • Logo 或商標: 下載圖示不等於取得專屬品牌權利。條款對圖示作為商標或 Logo 有限制及特定例外;需要註冊商標、獨占識別或大量品牌投入時,應逐項核對條款與設計權利。
  • 印在衣服、杯子等商品上販售: 當圖示成為商品的主要販售元素,不能只看「可商用」三個字。官方另有針對選定素材的 Merchandising License,要確認該素材與預定用途是否符合條件。
  • 交付客戶或提供模板: 成品交付與轉售圖示原檔是不同情況。條款對客戶專案有要求,也限制圖示單獨再散布或供他人下載;不要把下載包直接當成可轉授權的素材庫送出。

Premium 的免署名是針對有效訂閱期間依條件取得的素材,其他用途限制仍然存在。接案時把素材清單與授權文件一起交接,並約定客戶能如何使用,比只留一句「已付費」更有用。

Premium 費用要看付款週期,也要看下載與退款條件

截至 2026 年 9 月 10 日,Flaticon 定價頁顯示以下歐元價格;頁面註明 VAT 與當地稅費可能另計,實際付款金額以結帳頁為準。

方案頁面顯示的費用怎麼讀這個價格
月繳每月 9.99 EUR按月付款
年繳每 12 個月 89.99 EUR,折算每月 7.50 EUR7.50 EUR 是折算價,不是每月只扣這個金額
Flaticon Premium 顯示月繳9.99 EUR,年繳89.99 EUR每12個月,折算每月7.50 EURPin
年繳卡片的7.50 EUR是每月折算價,每12個月收取89.99 EUR。截圖日期為2026年9月10日。

方案表寫著 Unlimited downloads,但同頁 FAQ 仍列出 每日 2,000 個圖示的下載上限。若打算一次整理大量素材,排程應按這個上限估算,不能把標語當成完全沒有數量限制。

FAQ 也說明訂閱會自動續約,優惠不一定延續到下一期;不想續用,就在下一次扣款前取消續約。30 天退款則附帶條件:當期沒有使用或下載圖示,才符合該頁所述退款要求。因此不要把「先訂閱、大量下載、不滿意再退」當成可行的免費試用方式。

如果目前只是要一張能署名的 PNG,先完成免費流程即可。需要一般 Icons 的向量格式、免署名或大量下載,再按實際素材清單與使用期間計算 Premium 成本。

放進成品後,最後檢查這四件事

檔案能開啟、尺寸符合需求、背景顯示正確、署名在成品中可見,才算完成這次下載任務。這四項可以在交付前逐一查看:

  • PNG 邊緣模糊: 先核對檔案像素與版面顯示尺寸,避免把小圖拉大。回素材頁另存較大 PNG,或改找合適的 SVG;保留原版,才容易比較。
  • 只看到 Premium 畫面: 確認目前是在一般 Icons 選到 SVG 等付費格式,還是在 Uicons 的帳號或套件入口。需要免費 PNG,就回到原素材的 PNG 選項;不要從不同入口推論整站規則。
  • Copy link 顯示成功,成品卻沒有署名: 把文字貼到實際使用的位置,檢查作者、可見性與連結。下載 PNG 不會自動把署名印進圖片裡。
  • 客戶只收到圖片,找不到來源: 補上素材頁、作者、取得日期及適用授權,並說明署名位置;不要用通用 license.pdf 取代整份交付紀錄。

若你主要需要的是單色介面 SVG,也可以接著看 Heroicons 使用指南。它採用 MIT 授權,保留版權與許可聲明的義務,和 Flaticon 免費圖示的可見署名要求不同;選素材時一起比較格式與交付條件,才能少一次返工。

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 1243

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


Share to...