界面可用的最佳图标库

图标是设计系统里最先崩坏的部分。你从一套开始,缺了一个就从别处借,半年后什么都对不齐了。

避免它的规则很无聊:选一套能覆盖你业务的库,只有品牌 logo 才允许出去找。

我自己做的

IconKit

3039 个图标,含线性和实心两种,全部基于 currentColor,并提供 web、Flutter、React、Vue、Swift 等封装。

iconkit.suils.es

开源

Lucide

社区接手的 Feather 后续:风格统一、体积小,任何框架都能用。

lucide.dev

开源

Phosphor

同一个图标提供六种粗细,这很少见,在信息密集的界面里非常好用。

phosphoricons.com

开源

Tabler Icons

五千多个线性图标:如果你的产品概念比较特别,它的覆盖面最好。

tabler.io/icons

开源

Heroicons

Tailwind 团队出品的小而讲究的图标集,已经在用 Tailwind 就更合适。

heroicons.com

开源

Remix Icon

中性的系统图标,所有图标都有线性和填充两版。

remixicon.com

品牌标志

Simple Icons

带正确品牌色的官方标志,专门补上通用图标集永远没有的那部分。

simpleicons.org

聚合器

Iconify

在二十万个各家图标里搜索,然后只导出你真正用到的那几个。

iconify.design

无论选哪套,都请只自托管你真正用到的 SVG,而不是加载整套图标字体:这通常就是 80 KB 和 2 KB 的差别。

不只是挑工具,而是要把东西做出来?

Web 应用、API、基础设施与界面。常驻巴塞罗那的自由开发者,服务全球客户。

联系我


评论

Leave a Reply

Your email address will not be published. Required fields are marked *