
本文重點:Koboyo Icons 是一個手繪塗鴉風格的免費 SVG 圖示庫,收錄超過 90,000 個圖示,分為臉部表情、符號記號、物件、人物和情境插圖五大分類,全部可用於個人和商業用途,無需標示出處,也不用註冊就能下載。
在製作簡報、寫文件或設計網頁時,常常要找風格一致的圖示,但大多數免費圖示庫不是要標示出處、就是每天限制下載數量,而且收錄大量符合相同風格的圖案並不是很好找。如果你不想要不同風格混搭,讓畫面看起來很凌亂,又不希望直接透過 AI 生成圖片,可以試試接下來要介紹的免費圖示庫。
Koboyo Icons 是什麼?
本文要推薦的「Koboyo Icons」是一個完全免費的手繪風格 SVG 圖示庫,目前收錄超過 90,000 個圖示,全部都以手繪塗鴉線條繪製,風格統一,還能快速切換不同顏色風格。Koboyo Icons 圖示可商用、免標示出處,無需註冊就能下載,更強大的是登入後還可啟用 MCP(Model Context Protocol)連線,讓 Claude、Claude Code、Codex、Cursor 等 AI 編輯器或代理程式直接存取整個圖示庫,省去還要手動下載、編輯或是匯入圖示的步驟。
同樣是手繪風格的免費 SVG 圖示庫,站上先前也介紹過「SVG Doodles」,兩者線條風格接近,收錄規模則差距不小。
Koboyo Icons 有哪些圖示分類?
Koboyo Icons 圖示涵蓋各種情境,主要分為五大分類:臉部表情、符號記號、物件、人物和情境插圖,其中「情境插圖」比較特殊,收錄的是「空白狀態」、「上傳失敗」、「訂閱成功」、「加入購物車」、「更改密碼」這類介面場景,這在一般圖示庫較少見,製作網頁或應用程式時會很好用。截至 2026 年 8 月,各分類的圖示數量如下。
| 分類 | 圖示數量 | 收錄內容 |
|---|---|---|
| 臉部表情(Face) | 848 | 各種情緒與表情圖案 |
| 符號記號(Mark) | 8,407 | 箭頭、標記等介面常用符號 |
| 物件(Object) | 57,713 | 日常用品與工具,數量最多的分類 |
| 人物(People) | 22,098 | 人物動作與角色圖案 |
| 情境插圖(Scene) | 1,084 | 空白狀態、上傳失敗、訂閱成功、加入購物車、更改密碼等介面場景 |
如果需要的是整張的手繪插圖素材,站上先前介紹過的「CocoMaterial」和「Skribbl」同樣免費可商用,箭頭類素材則可以參考「Handy Arrows」。
另一個特色是 Koboyo Icons 每個圖示都有人工整理過的說明文字與同義詞標籤,搜尋時可以很精確地找到需要的圖案,或是透過標籤去找出更多類似圖示,使用上更有效率。
Koboyo Icons 可以免費商用嗎?
Koboyo Icons 授權說明可以在「License」頁面找到。簡單來說,所有圖示均可免費用於個人和商業用途,無需署名、無需註冊,也沒有使用數量限制。常見的使用情境包括網站、應用程式、文件、簡報、圖表、影片和印刷材料,亦可重新著色、調整大小、裁剪、加入動畫或以其他方式進行修改,也能將圖示嵌入銷售的產品中,例如客戶作品和模板。
| 項目 | 條件 |
|---|---|
| 費用 | 個人和商業用途皆免費 |
| 署名 | 無需標示出處 |
| 註冊 | 下載圖示無需註冊 |
| 使用數量 | 沒有限制 |
| 可修改範圍 | 重新著色、調整大小、裁剪、加入動畫 |
| 嵌入產品 | 可以,包含客戶作品和模板 |
如果需要的是其他風格,或是 PNG、ICO、ICNS 等格式,可以參考收錄範圍更廣的「Icon-icons」。
網站資訊
網站名稱:Koboyo Icons
網站連結:https://koboyo.com/icons
使用教學
開啟 Koboyo Icons 網站首頁,左側是分類項目,上方有搜尋功能,輸入關鍵字即可查找相關圖示。
截至 2026 年 8 月,Koboyo Icons 一共有超過 90,000 個圖示,主要分為五大類,數量上則是以物件(Object)和人物(People)類型最多,點選分類後就能開始瀏覽所有圖示。

上方搜尋功能可以輸入關鍵字進行查找,比較特別的是搜尋功能理解語意與同義詞,官方舉的例子很有代表性:輸入 oops 會找到「捂臉」圖示,輸入 deploy 會找到「火箭」圖示。
因此,無需輸入完整圖示名稱,透過心情、情境等關鍵字也能搜到結果。
要注意的是,搜尋功能「只搜尋目前分類下的圖示」,如果你在輸入關鍵字時找不到內容,有可能是你已在特定的分類下,記得從左側分類點選「All Icons」退回所有圖示頁面,就能一次搜尋完整的圖示庫內容。

網站左側的分類有臉部表情、符號記號、物件、人物和情境插圖,點選後還會有各種子分類,縮小瀏覽範圍,數量相當多,還會標示每個子分類擁有的圖示數量。

每個圖示皆可在開啟預覽功能時,快速切換為不同顏色,也有調色盤功能可快速換成特定色碼。
Koboyo Icons 所有圖示都以 currentColor 輸出,代表圖示顏色會自動跟隨父層文字顏色,不用透過 Illustrator 或 Figma 改檔案,直接以 CSS 即可換色,或是配合深色模式自動變換。

點選圖示下方「Download SVG」下載該圖示的 SVG 格式,或是點選「Copy SVG」將程式碼複製到剪貼簿,下方還會有標籤、更多的相關圖案,方便延伸搜尋、找出更多內容。

特別的是當點選「Draw with this icon」按鈕,會自動將圖示帶入 Koboyo 無限畫布工具,這其實才是 Koboyo 主功能,圖示庫只是它附加的資源之一。
Koboyo 畫布編輯器就如同繪圖軟體,可對圖示進行更多編輯,也能加入形狀、文字、符號、表格等,部分功能需註冊才能用(免費)。

比較特別的是 Koboyo Icons 支援 MCP,讓 Claude、Claude Code、Codex、Cursor 等 AI 編輯器或代理程式存取整個圖示庫,這功能在右上角「Use with AI」,登入後就能看到是用於不同 AI 工具的程式碼和執行方式。
寫程式時直接說「這裡放一個火箭圖示」,AI 就能自己取用正確的 SVG,省下自己搜尋、下載、貼上的步驟。

常見問題
Koboyo Icons 的圖示可以商業使用嗎?
可以。所有圖示均可免費用於個人和商業用途,無需署名、無需註冊,也沒有使用數量限制,亦可將圖示嵌入銷售的產品中,例如客戶作品和模板。
下載圖示需要註冊帳號嗎?
下載 SVG 圖示無需註冊。畫布編輯器的部分功能與「Use with AI」的 MCP 連線需要登入,註冊本身免費。
圖示可以換成其他顏色嗎?
可以。預覽時能快速切換顏色,也有調色盤可指定色碼。所有圖示以 currentColor 輸出,放進網頁後會跟隨父層文字顏色,用 CSS 就能換色,也能配合深色模式自動變換。
Koboyo Icons 提供哪些檔案格式?
提供 SVG 格式,可點選「Download SVG」下載檔案,或點選「Copy SVG」把程式碼複製到剪貼簿。
探索更多來自 免費資源網 的內容
訂閱即可透過電子郵件收到最新文章。

加入 Google 偏好來源



