做UI与内容配图时,图标与插画往往决定了整体质感和统一性。下面整理了12个常用的SVG图标/插画资源库与开源集合,按“可否商用”的常见情况做了标注;真正上线前建议点进各站的License页再确认一次。
工具地址:https://fonts.google.com/icons
需看协议:图标可下载为SVG/字体,适合做产品内通用图标;商用与分发规则以Google Fonts许可与页面说明为准。
免费商用:提供Outline/Solid两套风格,配套React/Vue版本;适合Web与后台系统快速统一视觉。
工具地址:https://feathericons.com/
免费商用:极简线性风格,适合做基础功能图标;可以直接复制SVG或下载整包。
免费商用:数量大、更新频繁,支持按关键字搜索与一键复制SVG;适合做产品图标主库候选。
需看协议:风格统一、覆盖面广(线性/填充),适合做移动端与营销页;商用条款以官网License为准。
工具地址:https://fontawesome.com/icons
需看协议:免费库能覆盖大量常用图标,但部分图标/套装为Pro;用于商业产品时注意Free与Pro的范围差异。
工具地址:https://phosphoricons.com/
免费商用:同一图标提供多种粗细与样式,适合做多端一致的图标系统;支持SVG与多语言包。
工具地址:https://icon-sets.iconify.design/
需看协议:聚合了大量开源图标集,搜索很方便;但每个图标集的License不同,引用前要逐套确认。
需署名:开源表情符号集合,适合做社区/社交/反馈类场景的图标元素;使用时注意署名与分发要求。
工具地址:https://undraw.co/illustrations
免费商用:风格统一的扁平插画库,可调整主色;适合落地页、空状态与功能介绍配图。
需看协议:支持调整颜色/背景与导出SVG/PNG;部分素材与使用方式可能与Freepik账户条款相关,商用前确认授权范围。
工具地址:https://www.humaaans.com/
需看协议:人物与配件可自由组合,适合做品牌插画体系;不同资源包可能有不同许可说明,建议逐包核对。