做插画和 UI 物料时,最浪费时间的往往不是画,而是反复找合适的矢量素材、图标与可编辑的插画组件。下面这份清单把常用的 SVG 图标库、插画库与在线编辑/导出工具放在一起,适合在做品牌海报、产品页面、PPT、落地页、运营配图时快速选型与取材(使用前请务必按各站点授权条款确认可商用范围)。
工具地址:https://undraw.co/illustrations
需署名:提供大量风格统一的扁平插画,可按主题筛选与下载 SVG/PNG;适合做产品介绍页和功能页的配图(具体署名/许可请以官网说明为准)。
需看协议:可在线选择插画风格并进行简单编辑(颜色、背景、动作等),支持导出 SVG/PNG/GIF;适合快速做营销与 onboarding 动效素材。
工具地址:https://www.manypixels.co/gallery
需看协议:主题插画数量多,支持下载 SVG/PNG;适合做博客封面、功能介绍配图与简报插图。
工具地址:https://www.humaaans.com/
需看协议:可组合人物插画组件并替换姿势/服装,做出更贴合品牌的人物场景;适合做落地页主视觉与品牌故事配图。
需看协议:大量插画组件库,可在线混搭并导出 SVG/PNG;适合做设计系统的插画资产管理与多场景复用。
需看协议:开源表情符号库,提供 SVG/PNG;适合做产品内的轻量情绪提示、空状态插图与贴纸化表达。
需看协议:线性/实心两套风格统一的 SVG 图标,适合搭配 Tailwind/现代 Web UI 使用;便于在前端工程中直接引入。
需看协议:图标数量大、覆盖面广,提供 SVG 与组件化用法;适合做后台系统、数据面板与产品管理端。
工具地址:https://feathericons.com/
需看协议:极简线性图标,适合需要“轻”和“干净”视觉的产品界面;可直接下载 SVG 或集成到设计工具。
需看协议:聚合型 SVG 素材库,适合应急补齐图标/插图;使用前重点核对单个资源的许可标注,避免混用导致侵权风险。
工具地址:https://thenounproject.com/
需看协议:经典图标与符号库,适合信息架构、指引与图形化表达;部分资源需要署名或付费授权,请按条款选择。
工具地址:https://www.figma.com/community
需看协议:大量可编辑的图标/插画组件与设计资源文件,适合团队协作与二次编辑;注意每个文件的 License/使用范围说明。