

我的素材库里躺了一堆图标库,几乎每期的周刊也会推荐不同风格的图标库。用来用去,常用的也就那几个。
于是我整理了以下几个常用的图标库。
3200+ 个图标,Apache 2.0 协议随便商用。有 Outline 和 Solid 两种风格,线条带点棱角,不是那种圆滚滚的可爱风。我喜欢它覆盖的类目贼全——文件类型、设备、天气啥都有。

快 5000 个图标了,MIT 协议。出自 Tabler 管理模板作者 Paweł Kuna 之手。数量大是真的大,基本你想到的 UI 场景它都有。风格偏干净中性,不出错但也不惊艳,属于那种“不知道用啥就用它”的图标库。

我愿称之为免费图标库里的“航空母舰”——9000+ 个图标,MIT 协议。Outline、Solid、Duotone 三种主风格,Outline 还细分了 Thin/Light/Regular/Bold 四种粗细。如果你做设计系统需要一套图标管所有场景,几乎可以全部在这个库中找到。

Tailwind CSS 团队出品,316 个图标。数量不多但个个都是精品,MIT 协议免费。风格偏圆润友好,跟 Tailwind 的调性很搭。缺点是有段时间没更新了,但现有的质量确实高。

Feather Icons 的社区分支,现在 1668 个图标。Shadcn 默认用的就是它。问题是只提供 Outline 风格,如果你想要 Solid 版本得自己想办法。线条比 Heroicons 更细,看起来更轻盈。

3000+ 图标,Apache 2.0 协议。这个库的类目有点意思,除了常规 UI,还有建筑物、食物、甚至身体部位。有些类目对小项目来说可能太多了,但如果你需要一些奇奇怪怪的图标,这里可能找得到。

1500+ 图标,MIT 协议,不用注册直接下载。设计师 Luca Burgio 的作品,原生集成进了 Framer。
冷知识:这个库的图标在 HBO《西部世界》第四季里出现过。风格偏简洁线条,只有 Outline 版本。

网址:https://fonts.google.com/icons
谷歌官方的 Material Design 图标库,2000+ 个,Apache 2.0 协议。最大的特点是可定制性贼强——可以在 Figma 插件里直接调 Optical Size、Weight、Grade。做 Material 风格应用的首选,其他风格用起来可能有点“谷歌味”太重。

网址:https://www.glowui.com/icons
442 个图标,MIT 协议。Glow UI 团队自己做的,数量不多但都是 UI 里最常用的。Outline 和 Solid 两种风格匹配得很好。适合想要“开箱即用”、不想在图标选择上花太多时间的同学。

一点个人看法
图标库不是越大越好。 一个项目里真正用到的图标可能就 10-20%,剩下的都是冗余。选库的时候先看风格搭不搭,再看授权清不清楚,最后才看数量。
Outline vs Solid 怎么选? 我的习惯是——背景复杂的页面用 Outline,视觉“透气”一点;需要强调的操作按钮用 Solid,抓眼球。当然你也可以全篇只用一种风格,现在主流的审美是 Outline 优先。
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。




发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
用户体验设计核心问答
已累计诞生 785 位幸运星
发表评论 为下方 3 条评论点赞,解锁好运彩蛋
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓