做 UI/品牌/运营物料时,图标与插画往往是最省时间也最容易踩授权坑的环节。这份清单把常用的开源图标库、可商用插画站、以及带授权说明的资源页集中在一起,方便你按“风格—格式—授权—是否需署名”快速选型与取用。
免费商用|Tailwind 团队出品的 SVG 图标集,线性/实心两套风格,适合后台、SaaS 与移动端界面。支持直接复制 SVG 或按名称检索,配合 Figma/React 组件使用很顺手。
工具地址:https://lucide.dev/
免费商用|Feather 的延续与扩展版,图标覆盖更全,风格统一,常见于产品图标系统与组件库。提供多语言包(React/Vue 等)与 SVG 源文件,便于工程化管理。
工具地址:https://feathericons.com/
免费商用|极简线性图标,适合轻量化界面与文档配图。图标数量不算爆炸,但一致性很好;适合用作“基础图标层”。
免费商用|覆盖面广的开源 SVG 图标库,图标较细腻,适合数据密集型产品与管理后台。站内检索与复制体验好,也方便批量下载。
工具地址:https://phosphoricons.com/
免费商用|同一图标多字重(thin/light/regular/bold/fill/duotone 等),能更灵活地适配不同层级信息。适合做“可变风格”的产品图标体系。
免费商用|线性与实心两套齐全,类别组织清晰,适合快速搭建运营页面或产品原型。提供字体图标与 SVG,适配传统与现代前端用法。
工具地址:https://iconoir.com/
免费商用|风格偏“细线条、现代感”,适合偏轻盈的 B 端或工具类产品。图标数量大,组件/包支持也完善。
工具地址:https://fonts.google.com/icons
需看协议|Google 的系统级图标集合,覆盖常见交互与系统状态,适合 Android/跨端产品。支持可变轴(fill、weight、grade),但使用前建议核对许可与署名要求。
需看协议|主打品牌 Logo 图标(SVG),适合做“登录方式/合作品牌/技术栈”展示。因为涉及各品牌商标与使用规范,务必按站点说明与品牌指南使用。
需看协议|海量 SVG 素材搜索引擎,既有图标也有插画。来源与授权可能混杂,建议在下载前过滤许可类型,并在团队内约定“允许进入设计资产库”的标准。
工具地址:https://undraw.co/illustrations
免费商用|常用的扁平化矢量插画库,可统一替换主色,适合官网、空状态与 onboarding。插画风格统一,适合快速做出一套“产品插画语言”。
工具地址:https://www.manypixels.co/gallery
需看协议|提供多风格插画(线稿/扁平/等距等),适合营销落地页与介绍页配图。不同资源可能对应不同许可,使用前建议在下载页确认具体条款。
工具地址:https://www.humaaans.com/
需看协议|人物模块化插画,可拼装出不同姿态与场景,适合品牌叙事与社区类产品。建议结合品牌色与组件化布局,保持整体一致。
工具地址:https://www.opendoodles.com/
免费商用|手绘涂鸦风格插画,适合轻松、非正式的品牌气质。对内容页/博客配图很友好,也可以作为社交媒体素材。
需署名|可在线编辑的插画组件库(多风格可选),适合制作多套主题插画并保持一致性。部分使用方式可能要求署名或遵循特定条款,发布前建议按站点说明核对。