哈喽，我是大鹏，这里是第二灵感库。
今天聊6个我常用的图标资源库。
做UI设计，你大概也遇到过这些情况：
-
想加个图标，找半天找不到风格统一的 -
免费图标质量参差不齐，商用担心授权 -
图标库太少了，做项目不够用 -
找到的图标，开发说"实现不了"
我这几年也是一路踩坑过来。
踩多了就发现：图标这事，资源库选对了，效率直接翻倍。
下面这6个，都是我实际用过、踩过坑后留下的。
01 Lucide — Feather Icons的维护分支，1500+图标
先说它是啥
Lucide 是一个开源图标库，是 Feather Icons 的社区维护分支。
Feather Icons 的原创团队已经不再主动维护了。Lucide 接过了这个摊子，继续维护，而且做得更好。
核心价值：极简风格的图标库，质量高、维护活跃、完全免费。
能帮你干啥
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
为啥值得用（3个理由）
① 风格统一度极高 所有图标都遵循严格的24px网格、2px描边规范。 放在一起，视觉上完全和谐，不会出现"这个图标风格不一样"的问题。
② 社区活跃，长期维护 Feather Icons 已经不再维护了。 Lucide 有专门的团队在维护，更新很及时。 用这个，不用担心"哪天作者不更了"。
③ 多端支持，开发友好 不仅提供SVG，还提供React、Vue、Svelte等主流框架的组件包。 前端同事直接装包就能用，不用手动管理图标文件。
一个小缺点
图标数量相对少（1500+个）。 如果你做的是"图标需求量很大"的项目（比如后台管理系统），可能不够用。 这种场景可以搭配 Tabler Icons（下面会讲，5300+个）。
官网
https://lucide.dev/
02 Phosphor Icons — 9000+图标，6种粗细权重
先说它是啥
Phosphor Icons 是一个超大型图标库，提供9000+个图标，而且支持6种粗细权重。
啥是粗细权重？就是图标的描边可以有"细线"、"常规"、"粗线"等不同厚度。 同一个图标，不同权重，适配不同场景。
核心价值：图标数量多 + 权重丰富，基本能覆盖所有设计需求。
能帮你干啥
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
为啥值得用（3个理由）
① 图标数量真的很大 9000+个图标，基本能覆盖所有常见需求。 我做过的项目，从没遇到过"这个图标没有"的情况。
② 权重系统很实用 同样是"主页"图标，可以在"细线版"（适合宽松布局）和"粗线版"（适合紧凑布局）之间切换。 不用找两个不同的图标，直接调权重就行。
③ MIT许可，完全免费 商用不需要署名，也不需要付费。 对商业项目来说，这个太友好了。
一个小缺点
风格偏"现代、简洁"。 如果你要的是"手绘风"、"复古风"的图标，这个库不太合适。
官网
https://phosphoricons.com/
03 Heroicons — Tailwind CSS团队出品，300+精致图标
先说它是啥
Heroicons 是由 Tailwind CSS 团队 手工制作的图标库。
图标数量不多（300+个），但每一个都是精雕细琢的。 和 Tailwind CSS 的设计语言完全一致，如果你用 Tailwind 做开发，这个库是绝配。
核心价值：质量极高，和 Tailwind 生态完全适配。
能帮你干啥
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
为啥值得用（3个理由）
① 质量极高 每一个图标都是 Tailwind 团队手工制作的，不是"批量生成的"。 描边粗细、圆角处理、视觉平衡，都很讲究。
② 和Tailwind生态完全适配 如果你用 Tailwind CSS 做开发，用 Heroicons 能保证"设计稿和最终上线效果"高度一致。
③ 提供多种尺寸 不仅提供" Outline（描边）"和"Solid（实心）"两种风格，还提供"Mini"和"Micro"两种小尺寸版本。 适合"图标要放在紧凑空间"的场景。
一个小缺点
图标数量相对较少（300+个）。 如果你需要"很冷门的图标"，这个库可能覆盖不到。 这种场景可以搭配 Lucide 或 Phosphor Icons。
官网
https://heroicons.com/
04 Untitled UI Icons — 4600+图标，完全为Figma设计
先说它是啥
Untitled UI Icons 是一个专门为Figma设计的图标库。
和别的图标库不一样：它的图标不是"先做成SVG再导入Figma"，而是"从一开始就是在Figma里画的"。
核心价值：在 Figma 里使用体验最好，支持组件属性一键切换。
能帮你干啥
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
为啥值得用（3个理由）
① Figma使用体验最好 别的图标库，你下载SVG，再导入Figma，再转成组件…… Untitled UI Icons 直接提供"Figma组件库文件"，拖进来就能用，还支持"组件属性一键切换风格"。
② 图标数量多，分类清晰 4600+个图标，按19个类别分类。 而且还配套 IconJar 智能标签库，在Figma里搜索图标很方便。
③ 用户基数大，靠谱 已有32万+设计师使用，社区下载量超60万次。 获得 Product Hunt 周榜第一名，是 Gumroad、Lemon Squeezy 平台排名第一的图标库。
一个小缺点
免费版只有1100+个图标。 完整版需要付费（59美元），对学生党有点贵。 不过相比请一个图标设计师，这个价格还是很划算的。
官网
https://www.untitledui.com/icons
05 Tabler Icons — 5300+图标，专为Web应用设计
先说它是啥
Tabler Icons 是一个专为Web应用设计的图标库。
和通用图标库不一样：它的图标重点覆盖"数据、图表、后台管理"这类场景。 如果你做的是后台系统、Dashboard、数据可视化这类项目，这个库很合适。
核心价值：图标分类针对Web应用场景，覆盖率极高。
能帮你干啥
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
为啥值得用（3个理由）
① 图标数量真的很大 5300+个图标，是目前我看到的数量最多的免费图标库之一。 做大型项目，基本不用担心"图标不够用"。
② 专为Web应用设计 别的图标库，可能缺少"数据导出"、"筛选"、"排序"这类后台系统常用的图标。 Tabler Icons 专门针对这些场景做了覆盖。
③ MIT许可，完全免费 商用不需要署名，也不需要付费。 而且还提供"图标合集版"（一次性付费9美元），适合不想折腾SVG的同学。
一个小缺点
风格偏"实用主义"，没有那么"精致"。 如果你追求的是"每一个图标都精雕细琢"，可能 Lucide 或 Heroicons 更合适。
官网
https://tabler.io/icons
06 Iconoir — 1671+免费图标，全端组件包
先说它是啥
Iconoir 是一个免费开源图标库，提供1671+个图标，而且提供全端组件包（React、React Native、Flutter、Figma、Framer）。
和别的图标库不一样：它不仅提供SVG，还提供各个技术栈的原生组件包。 如果你做的是跨平台项目（Web + App），这个库很合适。
核心价值：全端适配，一套图标库搞定所有平台。
能帮你干啥
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
为啥值得用（3个理由）
① 全端组件包，跨平台项目首选 别的图标库，可能只提供Web端的组件包。 Iconoir 提供React、React Native、Flutter、Figma、Framer等全端适配，做跨平台项目的团队用起来很方便。
② 社区活跃，持续更新 目前已有1671+个图标，而且还在持续增加。 React包月下载量达23.6万，GitHub星标数4400，说明用户基数挺大。
③ 100%免费，开源 MIT许可，允许商用，不需要付费，也不需要署名。 对开源项目或个人项目来说，这个太友好了。
一个小缺点
图标风格偏"统一"，没有提供"多种权重"或"多种风格"的选择。 如果你需要"同一个图标的不同权重版本"，可能 Phosphor Icons 更合适。
官网
https://iconoir.com/
6个图标资源库，怎么选？
|
|
|
|---|---|
|
|
Lucide |
|
|
Phosphor Icons |
|
|
Heroicons |
|
|
Untitled UI Icons |
|
|
Tabler Icons |
|
|
Iconoir |
一个提醒
图标库这事，选一个，用到底。
不要"这个图标用Lucide的，那个图标用Phosphor的"——这样会导致设计稿里图标风格不统一。
我的一般做法：
- 先确定项目的技术栈（用React？用Vue？用Figma？）
- 再选一个适配的图标库，从头用到尾
- 如果真的找不到某个图标，自己画一个，保持风格统一
第二灵感库 · 每周分享设计素材 转载请联系授权，盗用必究