这篇整理的是“直接可用的资源入口”清单:覆盖插画、图标、纹理/图案、Mockup 等常见设计素材站点。每个条目都给出官网地址,并在描述第一行标注“免费商用”或“需看协议”,便于你按项目版权要求快速筛选。
工具地址:https://undraw.co/illustrations
免费商用:可用于产品/网页/演示等插画场景。
支持按主题与颜色快速筛选并下载 SVG/PNG。
工具地址:https://www.manypixels.co/gallery
免费商用:提供多风格插画合集,适合落地页与产品空状态。
支持下载 SVG/PNG 并按分类浏览。
工具地址:https://www.opendoodles.com/
免费商用:手绘风插画素材,适合轻松/人文气质的界面。
可下载 SVG/PNG,方便二次配色与组合。
工具地址:https://www.humaaans.com/
需看协议:人像插画组件化素材,适合拼装人物场景。
使用前查看站点授权说明,按项目类型合规使用。
需看协议:在线组合插画并导出,适合快速做品牌一致的插画。
不同素材包授权可能不同,导出前确认许可范围。
工具地址:https://www.flaticon.com/
需看协议:图标资源量非常大,适合做产品图标与运营配图。
注意署名/会员授权等条款,避免误用。
工具地址:https://thenounproject.com/
需看协议:经典图标库,适合查找概念图标与符号语言。
不同作者/下载方式对应的授权要求可能不同。
需看协议:提供大量 SVG 图标/插画,便于前端直接使用与改色。
下载时留意每个资源的许可标注。
需看协议:品牌图标集合,适合做“支持的服务/平台”列表。
涉及商标使用规范,务必查看品牌与许可证说明。
免费商用:适合现代 Web 产品的线性/实心图标。
提供 SVG 与框架组件,落地到代码很方便。
免费商用:图标数量多、风格统一,适合做产品级图标系统。
支持 SVG 与多种下载方式。
工具地址:https://phosphoricons.com/
免费商用:提供多种线条粗细与样式,适合做一套可扩展的图标库。
可直接安装到项目中使用。
工具地址:https://haikei.app/
免费商用:生成渐变、波浪、Blob、网格等背景图形。
适合做海报/落地页的轻量背景装饰。
工具地址:https://www.transparenttextures.com/
免费商用:提供可平铺的纹理图案,可作为 UI/海报的细节噪点。
直接复制 CSS 背景即可使用。
免费商用:在线生成可平铺的几何图案,支持颜色与密度调整。
适合做品牌背景与包装图案灵感。
工具地址:https://www.toptal.com/designers/subtlepatterns
需看协议:经典“轻纹理背景”图库,适合做网页背景与材质感。
下载前查看当前页面的授权说明。
工具地址:https://www.mockupworld.co/
需看协议:收录各类 PSD Mockup(包装、设备、品牌物料等)。
多数资源来自第三方站点,需逐个确认许可。
需看协议:在线生成设备展示图,适合快速做产品截图展示。
导出用于商业场景前先确认其许可条款。