插圖素材網站：22 個免費、商用、人物、3D 與品牌插圖資源整理

快速答案：插圖素材網站要先看授權、可編輯性、風格一致性，再看免費或付費。

插圖比照片更容易建立品牌語氣，但也更容易撞圖。這篇整理設計師做網站、簡報、社群圖、產品空狀態時常用的插圖素材網站。正文只引用研究表中已查證、截圖乾淨、priority 為 A/B 的資源。

先看分類：不要只搜尋「免費插圖」

類型	代表資源	免費/付費	適合用途	授權注意
免費開源插圖	unDraw、Open Doodles、Humaaans、Open Peeps、illlustrations.co	免費	網站、簡報、產品空狀態、內容配圖	多數可商用，但仍要保留官方授權記錄；不要重新販售素材本身
可自訂插圖	Storyset、Blush、IRA Design、ManyPixels	免費 / Freemium	品牌頁、流程圖、簡報、社群內容	免費方案常見署名或格式限制；改色不等於取得商標用途
商業插圖套件	DrawKit、Getillustrations、Streamline、Craftwork、Storytale、LS Graphics	Freemium / 付費	SaaS、Landing Page、設計系統、客戶提案	免費包、Pro 包、團隊授權分開看；客戶案要保存購買與授權紀錄
風格型素材	Absurd Design、Mixkit Art、CocoMaterial、3dicons	免費 / Freemium	文章封面、創意專題、簡報亮點、3D 視覺	風格辨識度高，適合點綴；不一定適合整套品牌系統
輕量專案素材	Pixeltrue、Delesign Graphics	免費 / Freemium	快速網站、MVP、社群貼文、簡報	確認是否可改作、是否可用於客戶案、是否限制轉售

挑插圖素材前先問 5 件事

• 能不能商用？免費、可商用、免署名是三件不同的事。
• 能不能改色、拆元件、匯入 Figma 或輸出 SVG？
• 風格能不能撐完整篇文章、整個網站，還是只能當單張配圖？
• 素材是否太常見？如果很多網站都用，最好重新配色或混搭。
• 客戶案是否需要保留授權頁、購買紀錄、下載日期和使用範圍？

22 個插圖素材網站推薦

1. unDraw

官方網站。免費、可調色、SVG/PNG 友善，是新手最容易使用的插圖庫之一

• 價格型態：免費
• 適合用途：網站、簡報、產品空狀態、教學內容
• 授權注意：可商用；授權禁止重新販售、建立競品圖庫或用於商標註冊；風格辨識度高，容易撞圖

2. Storyset

官方網站。可自訂顏色、支援動畫，是做網站和簡報插圖很實用的入口

• 價格型態：Freemium
• 適合用途：網站段落圖、簡報、社群內容、動畫插圖
• 授權注意：部分可商用；免費下載通常需要標註來源；Magnific 相關授權與會員方案需依用途確認

3. DrawKit

官方網站。插圖包品質穩定，2D/3D 與 icon 資源完整，適合商業頁面快速搭風格

• 價格型態：Freemium
• 適合用途：SaaS 網站、Landing Page、產品功能說明、3D 插圖
• 授權注意：部分可商用；免費包與付費包授權不同；高階套件需購買或訂閱

4. Blush

官方網站。可混搭人物與場景，適合需要快速做出一致風格的人物插圖

• 價格型態：Freemium
• 適合用途：人物插圖、品牌視覺、社群圖、簡報
• 授權注意：部分可商用；不同插畫家套件與方案限制不同；高解析、SVG 或完整商用需看方案

5. Icons8 Illustrations

官方網站。Ouch/Icons8 插圖風格多、分類清楚，適合找單張配圖或系列素材

• 價格型態：Freemium
• 適合用途：產品介面、部落格配圖、社群圖、簡報
• 授權注意：部分可商用；免費使用通常需要連回 Icons8；高解析、SVG 與免署名需付費方案

6. ManyPixels Gallery

官方網站。免費插圖量大、分類清楚，適合快速找常見商業情境配圖

• 價格型態：免費
• 適合用途：部落格插圖、簡報、網站區塊、社群素材
• 授權注意：可商用；免費圖庫以 ManyPixels 既有風格為主；不可重新販售素材本身

7. IRA Design

官方網站。可以組合與改色，適合想做自有感較高的網站插圖

• 價格型態：免費
• 適合用途：品牌插圖、網站主視覺、可改色 SVG
• 授權注意：可商用；素材風格較固定；若用在品牌核心視覺，需要再做二次設計避免撞圖

8. Open Doodles

官方網站。開源手繪插圖經典資源，授權友善，適合做趣味與人味較強的頁面

• 價格型態：免費
• 適合用途：輕鬆手繪風網站、簡報、社群貼文
• 授權注意：可商用；CC0 雖自由度高，但手繪風很鮮明；不適合嚴肅企業調性

9. Humaaans

官方網站。可自由組合人物姿勢與服裝，是人物插圖入門常用資源

• 價格型態：免費
• 適合用途：人物組合、團隊介紹、服務流程、簡報
• 授權注意：可商用；開源人物風格使用者很多，若要品牌差異需重新配色或混搭

10. Open Peeps

官方網站。人物零件可混搭，適合做角色群像、使用者情境與簡報人物

• 價格型態：免費
• 適合用途：人物頭像、角色狀態、服務流程、簡報
• 授權注意：可商用；黑白手繪風格強烈；大量商業網站曾使用，需注意辨識度

11. illlustrations.co

官方網站。開源插圖包簡單直接，適合需要 SVG/PNG 快速下載的內容工作

• 價格型態：免費
• 適合用途：網站配圖、簡報、部落格、App 空狀態
• 授權注意：可商用；套件數量有限；風格固定，適合小型專案或文章配圖

12. Absurd Design

官方網站。風格獨特，不像一般企業插圖，適合文章封面與有個性的品牌頁

• 價格型態：Freemium
• 適合用途：品牌故事、創意專題、封面視覺、藝術感配圖
• 授權注意：部分可商用；免費內容有限；完整套件、SVG 或高階用途需付費或確認授權

13. Pixeltrue

官方網站。提供插圖與動畫包，適合需要更完整視覺套件的產品頁

• 價格型態：Freemium
• 適合用途：SaaS 網站、App 介紹頁、簡報與動畫素材
• 授權注意：部分可商用；免費/付費套件授權與格式不同；下載前要確認是否可改作與商用

14. Getillustrations

官方網站。資源量大且偏商業產品視覺，適合找成套插圖而非單張素材

• 價格型態：Freemium
• 適合用途：產品網站、Icon 系統、插圖套件、客製插圖
• 授權注意：部分可商用；多數高品質套件為付費；免費包與付費包授權範圍需分開確認

15. Streamline Illustrations

官方網站。品質和一致性高，適合介面與設計系統需要長期維護的專案

• 價格型態：Freemium
• 適合用途：產品 UI、設計系統、App onboarding、專業商業頁
• 授權注意：部分可商用；免費方案限制較多；完整下載、商用與團隊使用多半需付費

16. Craftwork

官方網站。素材包完整，常包含插圖、mockup、UI kit，適合設計工作流一起補齊

• 價格型態：Freemium
• 適合用途：品牌視覺、網站、簡報、3D/向量插圖包
• 授權注意：部分可商用；免費素材與 Pro 素材授權不同；大量素材需訂閱或購買

17. Mixkit Art

官方網站。免費藝術插圖風格較多，適合不想用制式 SaaS 插圖的內容配圖

• 價格型態：免費
• 適合用途：文章配圖、簡報、社群圖、視覺靈感
• 授權注意：可商用；Mixkit 免費授權仍限制轉售、再散布與商標用途；需依官方 license 確認

18. 3dicons

官方網站。CC0 3D 素材使用彈性高，可補足一般 2D 插圖庫沒有的質感

• 價格型態：免費
• 適合用途：3D 插圖、社群圖、簡報、產品功能視覺
• 授權注意：可商用；雖名為 icon，但常被當 3D 插圖使用；不適合需要完整人物場景的頁面

19. CocoMaterial

官方網站。開源手繪素材量多，適合找小物件、情境圖與輕鬆風格配圖

• 價格型態：免費
• 適合用途：手繪素材、簡報、教育內容、輕量網站配圖
• 授權注意：可商用；素材偏手繪與單物件，不適合大型品牌系統直接套用

20. Storytale

官方網站。插圖品質偏精緻，適合需要比免費開源素材更像品牌套件的頁面

• 價格型態：Freemium
• 適合用途：品牌插圖、網站主視覺、人物與 3D 插圖
• 授權注意：部分可商用；免費素材有限；完整商用與高解析素材需依方案確認

21. LS Graphics Illustrations

官方網站。素材質感高，適合需要更接近商業視覺稿的插圖與 3D 素材

• 價格型態：Freemium
• 適合用途：高質感網站、簡報、科技產品、3D 視覺
• 授權注意：部分可商用；免費素材有限；Premium 素材和團隊/客戶案使用需看授權

22. Delesign Graphics

官方網站。提供免費商業插圖與圖形素材，適合快速補小型專案配圖

• 價格型態：免費
• 適合用途：網站插圖、社群圖、簡報、人物情境
• 授權注意：可商用；免費庫風格與數量有限；仍需確認是否允許轉售素材本身

使用情境建議

網站主視覺與產品頁

優先看 DrawKit、Getillustrations、Streamline、Storytale、LS Graphics。這類資源比較像完整商業套件，適合需要成套風格、長期維護和多頁面一致性的網站。

簡報、教學與內容文章

unDraw、ManyPixels、Mixkit Art、CocoMaterial、Delesign Graphics 更適合快速補圖。文章配圖不要只挑好看的單張，最好同一篇使用相近線條、色彩和人物比例。

人物情境與服務流程

Blush、Humaaans、Open Peeps、Storyset 適合做人物與情境。這類素材很容易看起來像模板，使用時建議先統一品牌色，再調整人物比例和背景元素。

品牌感較強的專題頁

Absurd Design、Open Doodles、3dicons 這類風格明顯的資源適合少量使用。它們很有記憶點，但整站大量使用會讓品牌語氣被素材本身帶走。

授權檢查清單

• 把官方網址、License 頁、下載日期和使用專案記錄下來。
• 免費素材若要求署名，要確認署名能放在網站、簡報或客戶交付物裡。
• 付費素材要確認單人、團隊、客戶案、轉售模板、印刷商品是否被允許。
• 不要把插圖素材直接拿去註冊商標或做產品主 Logo。
• AI 或產生器型素材要確認模型、素材來源和商用條款。

FAQ

免費插圖可以用在產品網站嗎？

不一定。要看官方授權是否允許商用、是否需要署名、是否限制再散布或轉售。若授權不清楚，就在專案裡標「需自行確認授權」。

插圖素材可以改顏色嗎？

很多 SVG 插圖可以改色，但授權仍要看官方條款。改色只能改善品牌一致性，不代表可以拿來註冊商標或宣稱原創。

AI 插圖和素材庫怎麼選？

素材庫適合需要穩定風格與可追溯授權的專案；AI 插圖適合發想、變體和客製畫面。正式商用時，AI 工具也要查平台授權與素材來源。

哪些插圖適合簡報？

簡報優先選清楚、留白足、風格一致的插圖。ManyPixels、unDraw、Storyset、Mixkit Art、Delesign Graphics 都適合快速補簡報視覺。

插圖網站和向量素材網站差在哪？

插圖網站偏完整畫面、人物和情境；向量素材網站更常包含圖案、背景、SVG 元件和可縮放圖形。需要印刷、Logo 或工程上線時，下一步要看 SVG 與向量格式。

延伸整理

• 看更多創作邦設計資源
• 看向量圖與 SVG 素材整理
• 看 AI 輔助設計素材工具整理

最後更新：2026-06-27。本文是設計資源整理，不取代各網站最新授權條款。商用前請以官方授權頁為準。