找我們做網站
↑
Resources · 插圖與圖示素材

Free Icons 免費可商用 icon 下載:開源圖示集一次搜尋、改色再下載

插圖與圖示素材發布 2022.05.23更新 2026.10.02閱讀約 4 分鐘
Free Icons 免費可商用 icon 下載:開源圖示集一次搜尋、改色再下載

重點整理
Free Icons 是 Iconshock 整理的開源圖示搜尋網站,把上百組開源圖示集(如 Bootstrap Icons、Material Design Icons、Tabler Icons、Heroicons)重新標記,官方標示收錄約 10 萬個可免費下載的圖示。用法四步:選圖示集或用英文關鍵字搜尋 → 調整尺寸與顏色 → 點圖示看大圖 → 選格式下載。標有 Premium 的屬於付費圖庫;開源圖示可用於商業用途,但各圖示集授權不同,使用前點「License」確認。

網站的服務項目、步驟說明、聯絡資訊,放上一致風格的小圖示,版面會清楚很多。但每個圖示網站的風格與授權都不一樣,一個一個找很花時間。Free Icons 把網路上主要的開源圖示集集中在同一個網站,用一個搜尋框就能跨圖示集找圖,還能先改好顏色再下載。這篇說明 Free Icons 的使用步驟與授權要注意的地方。

Free Icons 是什麼?

Free Icons 由圖示公司 Iconshock 製作,收集了各種開放原始碼的圖示集,並替每個圖示重新加上標籤,方便用關鍵字找到需要的圖示。2026 年 10 月打開首頁,左側列出的圖示集包含 Phosphor Icons、Remixicon、Material Design Icons、Bootstrap Icons、Fluent Icons、Tabler Icons、Heroicons、Feather Icons、Boxicons 等,網站上方另有 Iconshock 的付費圖庫入口。

Free Icons 首頁,左側是圖示集清單,中間預覽各圖示集的圖示
Free Icons 首頁,左側是圖示集清單,中間預覽各圖示集的圖示

步驟一:瀏覽圖示集或搜尋關鍵字

首頁往下捲動,可以預覽每個圖示集的部分圖示,看到喜歡的風格,點右上方的「See All」瀏覽整組圖示。也可以從左側欄位切換圖示集,或在上方搜尋欄輸入關鍵字。圖示是用英文標記,搜尋時要輸入英文,例如 phone、mail、cart。

Free Icons 圖示集預覽,右上方有 See All 按鈕與搜尋欄
Free Icons 圖示集預覽,右上方有 See All 按鈕與搜尋欄

步驟二:調整圖示尺寸與顏色

頁面上方可以切換預覽尺寸(32、50、72、128 PX),並用「Colors」改變圖示顏色;色票右下角的滴管可以開啟調色盤自訂色碼,讓圖示配合網站主色。想回到原本的顏色,點復原按鈕即可。

Free Icons 上方的尺寸與 Colors 色票選單,可用滴管自訂顏色
Free Icons 上方的尺寸與 Colors 色票選單,可用滴管自訂顏色

步驟三:收藏或找相關圖示

游標移到圖示上,會出現收藏與下載選項,多數圖示也會顯示標籤,點標籤就能找到同類型的其他圖示。收藏功能需要註冊帳號,只是下載的話不用登入。

游標移到圖示上顯示收藏、下載與相關標籤
游標移到圖示上顯示收藏、下載與相關標籤

步驟四:預覽大圖並下載

點選圖示會開啟大圖預覽,右側可以看到圖示所屬的圖示集,下載前也能再調整一次顏色。圖示提供 SVG、PNG 等格式,下載 PNG 時可以選擇尺寸。放在網站上建議優先用 SVG,放大不會模糊,也方便之後再改顏色。

Free Icons 圖示大圖預覽,右側可調整顏色並選擇下載格式
Free Icons 圖示大圖預覽,右側可調整顏色並選擇下載格式

Free Icons 的圖示可以商用嗎?

沒有標示 Premium 的圖示來自開源圖示集,一般可以免費用於個人與商業用途。不過「開源」不代表沒有條件,各圖示集採用的授權不同(例如 MIT、Apache、CC BY 等),有些要求保留版權聲明或標註出處。使用前點每個圖示集右上方的「License」,看清楚授權說明與原始專案連結;商標類圖示(品牌 Logo)另外要遵守該品牌的使用規範。

常見問題

Free Icons 要註冊才能下載嗎?

不用,直接點圖示就能下載;註冊帳號只有收藏圖示時才需要。

為什麼用中文搜尋找不到圖示?

Free Icons 的圖示標籤是英文,請改用英文關鍵字搜尋,例如「購物車」輸入 cart、「電話」輸入 phone。

還有哪些免費圖示網站?

鵠學苑也介紹過 Icônes、IconStore 等圖示網站,Icônes 同樣是跨圖示集搜尋的工具,可以依喜歡的操作方式選擇。

結語

Free Icons 最方便的地方,是不用在各個開源圖示專案之間切換,一個搜尋框就能比較不同風格,還能先改好顏色再下載。整個網站最好固定使用同一組圖示集,線條粗細與風格才會一致。下載前花幾秒看一下 License,就能放心用在客戶網站與商業專案上。

鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。