哈喽，我是大鹏，这里是第二灵感库。
今天聊一个设计师每天都在打交道、但很少有人系统整理的话题——图标和插画资源。
你有没有这种经历：项目赶进度，老板说"找几个图标放上去"，你打开浏览器搜了半天，要么找到的图标风格不统一，要么下载下来发现不能商用，要么插画网站打不开……
今天这6个网站，是我自己用了好几年、反复验证过的。3个图标库 + 3个插画库，全部免费可商用，直接收藏，下次项目直接用。
01 Heroicons
网址：https://heroicons.com/
Tailwind CSS 团队出品的手工 SVG 图标库。
如果你用 Tailwind 做项目，Heroicons 基本上是标配。整个图标库风格统一、线条干净，每个图标都提供四种规格：Outline（描边）、Solid（实心）、Mini（24px紧凑）、Micro（16px超小），覆盖从导航栏到按钮内部的各种场景。
核心亮点：
-
MIT 开源协议，免费商用，无需署名 -
四种规格自动适配不同尺寸需求 -
直接复制 JSX 或 SVG 代码，粘贴即用 -
图标数量 300+，覆盖常见 UI 场景（箭头、操作、媒体、通信等） -
与 Tailwind CSS 无缝配合，样式直接用 class 控制
适合谁：前端开发者、用 Tailwind 的设计师、做后台管理系统的同学。
大鹏说：Heroicons 的图标数量不算多，但胜在风格统一、质量极高。如果你项目用的是 Tailwind，闭眼选它就对了。不是 Tailwind 用户也没关系，SVG 代码直接复制，什么框架都能用。
02 Lucide
网址：https://lucide.dev/
社区驱动的开源图标库，1745+ 个图标，Feather Icons 的精神继承者。
如果你之前用过 Feather Icons，一定知道它简洁优雅的设计风格。Lucide 就是 Feather Icons 的社区分支，在保持原有设计语言的基础上，把图标数量从 280 个扩充到了 1745 个，覆盖面大幅提升。
核心亮点：
-
ISC 开源协议（类似 MIT），免费商用 -
1745+ 图标，覆盖极广，几乎你能想到的 UI 场景都有 -
支持自定义颜色、尺寸、描边粗细 -
支持 Tree Shaking，前端项目只打包用到的图标 -
提供全平台 SDK：React、Vue、Svelte、Angular、Preact、Solid 等 -
社区活跃，GitHub 上持续更新
适合谁：前端全栈开发者、需要大量统一风格图标的项目、开源项目维护者。
大鹏说：Lucide 是我目前用得最多的图标库。1745 个图标基本覆盖了所有日常需求，风格统一、描边一致，放到项目里不会出现"东拼西凑"的违和感。如果你觉得 Heroicons 数量不够，直接上 Lucide。
03 Phosphor Icons
网址：https://phosphoricons.com/
9000+ 图标的灵活图标家族，6 种粗细变体，一个图标六种风格。
Phosphor 最厉害的地方在于：同一个图标，它提供 6 种粗细变体——Thin、Light、Regular、Bold、Filled、Duotone。什么意思呢？就是你可以根据场景需要，在同一个设计系统里用不同粗细的同一个图标，比如标题栏用 Bold、正文用 Regular、次要操作用 Light，层次感一下就出来了。
核心亮点：
-
MIT 开源协议，免费商用 -
9000+ 图标，是目前免费图标库中数量最多的之一 -
6 种粗细变体：Thin / Light / Regular / Bold / Filled / Duotone -
支持 Figma 插件 + 组件库、Sketch 插件 -
被 Anthropic、Framer、Khan Academy、Threads 等知名公司使用 -
官网支持在线搜索（Ctrl + K），预览和复制 SVG 代码
适合谁：需要丰富图标变体的设计系统、注重视觉层次感的设计师、大中型项目团队。
大鹏说：Phosphor 的 6 种粗细变体是真正的杀手锏。别的图标库给你一个图标就完事了，Phosphor 给你 6 个版本，让你根据设计层级自由选择。如果你的项目对视觉一致性要求高，Phosphor 是目前最好的选择，没有之一。
04 DrawKit
网址：https://www.drawkit.com/
手绘风格的 2D 和 3D 插画资源库，涵盖插画、图标、动画和 Mockup。
DrawKit 的定位很清晰：为设计师提供高质量的创意插画素材。它的插画风格偏手绘感，有 2D 矢量插画、3D 渲染插画、图标合集、Lottie 动画和 Mockup 场景，一站式覆盖各种视觉需求。部分资源免费，Pro 会员可解锁全部内容。
核心亮点：
-
免费资源可直接商用（注意查看单个资源的授权说明） -
涵盖 2D 插画、3D 插画、图标、动画、Mockup 五大类 -
按主题分类：AI 与科技、团队协作、电商、金融、教育等 -
所有插画提供 SVG / PNG 格式，可编辑 -
Pro 会员可访问全部 2000+ 资源，价值超 $12,500
适合谁：需要高质量插画的设计师、做落地页和宣传物料的同学、预算有限但需要专业级插画的项目。
大鹏说：DrawKit 的插画质量在免费资源里属于第一梯队。3D 插画尤其出色，放到落地页上立刻提升档次。免费资源已经够用了，如果你团队预算允许，Pro 会员的性价比也很高。
05 ManyPixels Gallery
网址：https://www.manypixels.co/gallery
20000+ 免费插画库，5 种风格任你选，按分类精准查找。
ManyPixels 的插画库主打"量大管饱"。20000+ 张插画，按 5 种风格分类：Playstroke（活泼手绘）、Birdview（简约线条）、Chromablue（蓝色单色）、Colossalflat（扁平大色块）、Azureline（蓝色线条）。每种风格都有完整的主题系列，从科技、工作、金融到体育、美食、地理，分类非常细。
核心亮点：
-
20000+ 免费插画，SVG 和 PNG 格式可选 -
5 种插画风格，适配不同品牌调性 -
按主题分类：科技、工作、金融、体育、美食、社交等 10+ 大类 -
每张插画都有关键词标签，搜索精准 -
免费可商用（查看具体 License 说明）
适合谁：需要大量插画素材的内容运营、做社交媒体配图的同学、预算有限的创业团队。
大鹏说：ManyPixels 最实用的不是单张插画有多惊艳，而是它分类做得太好了。你需要"金融"主题的插画？直接筛分类，几十张同风格插画任你挑。做系列内容的时候，风格统一是刚需，这一点 ManyPixels 做到了。
06 Humaaans
网址：https://humaaans.com/
人物插画 Mix & Match 库，像搭乐高一样拼出你想要的角色。
Humaaans 的玩法很特别：它不是给你一张完整的插画，而是给你一堆"零件"——发型、上衣、裤子、姿势、表情，你可以在 Figma / Sketch / XD 里自由组合，拼出独一无二的人物插画。官方说有超过 58 万种组合方式（对，有人真的算过）。
核心亮点：
-
CC0 协议（公共领域），免费商用，无需署名 -
Mix & Match 玩法：自由组合发型、服装、姿势、表情 -
支持 Figma / Sketch / XD / Studio 等主流设计工具 -
584,688+ 种组合可能 -
提供场景模板：空状态、错误页、引导页、成功页等 -
所有元素可旋转、可调色、可重新排列
适合谁：需要人物插画的产品设计师、做空状态和引导页的同学、做 Persona 和用户流程图的设计师。
大鹏说：Humaaans 是我见过最有"设计感"的插画库。它不给你成品，给你的是创作工具。你可以在 Figma 里拖拖拽拽，5 分钟拼出一个符合品牌调性的人物角色。CC0 协议意味着你想怎么用就怎么用，连署名都不需要。如果你做产品落地页、空状态插画，这个库必须收藏。
总结速查表
写在最后
图标和插画是设计项目里使用频率最高的素材类型。选对资源库，不仅能提升设计质量，更能大幅节省找素材的时间。
我的建议：图标库选一个主力（Lucide 或 Phosphor），插画库按场景选——落地页用 DrawKit，内容配图用 ManyPixels，产品插画用 Humaaans。
别贪多，选适合自己的，用熟了比收藏 100 个网站管用。
你平时最常用的图标或插画库是哪个？评论区告诉我，下期说不定就安排你推荐的资源。
