常用 UI Icon 库

做设计稿或搭设计系统时，Icon 库的差别主要就看三件事：整体风格、图标覆盖率、和产品气质是否合拍。下面这篇只做对比，不讲接入细节。

选型表

图标库	风格	适合的场景	特点
`Phosphor`	圆润、多字重	品牌感更强的 App、产品官网	同一套图标支持多种粗细，还提供 `fill` 和 `duotone`
`Lucide`	干净的 outline	后台、SaaS、设计系统	线条克制，通用性很强
`Tabler Icons`	中性 outline	通用项目、复杂业务系统	图标量大，缺口比较少
`Iconoir`	更轻、更细	内容型产品、轻量界面	留白多，画面更透气
`Remix Icon`	中性、通用	App、运营页、混合型产品	`line` / `fill` 成对
`Material Symbols`	Material 原生	Android、Google 风格产品	平台味很强，可调参数也多
`Heroicons`	简洁、利落	Web 控制台、表单、后台页面	`outline` / `solid` 都很稳
`Fluent UI System Icons`	微软体系	B 端、桌面端、企业应用	`regular` / `filled` 双套风格
`SF Symbols`	Apple 原生	iOS、macOS	和 Apple 平台控件最协调

48 个常见 Icon 预览

下面这组预览收了 48 个界面里最常见的 icon，先放 6 套最常拿来直接比较的库：Phosphor、Lucide、Tabler Icons、Iconoir、Remix Icon、Material Symbols。第二层 Tabbar 会列出当前库可切换的全部变体，例如 Phosphor 的 thin、light、regular、bold、fill、duotone。

Phosphor圆润、多字重，支持从 thin 到 duotone 的整套变体。

第二层 Tabbar 会列出当前库可切换的全部变体，少量缺失项会回退到最接近的版本。

—

首页

—

搜索

—

菜单

—

筛选

—

前进

—

刷新

—

用户

—

群组

—

通知

—

星标

—

书签

—

可见

—

隐藏

—

消息

—

邮件

—

电话

—

日历

—

时间

—

位置

—

链接

—

信息

—

相机

—

图片

—

视频

—

音乐

—

播放

—

暂停

—

全球

—

云端

—

新增

—

减少

—

确认

—

关闭

—

编辑

—

删除

—

下载

—

上传

—

文件

—

文件夹

—

标签

—

购物车

—

钱包

—

图表

—

打印

—

锁定

各库特点

`Phosphor`

圆角更明显，同一套图标能做出比较清楚的层级变化，适合想让界面多一点性格的产品。

`Lucide`

很稳，几乎不会抢视觉中心，做通用型后台和组件库时最省心。

`Tabler Icons`

覆盖面大，遇到细碎业务需求时更容易直接找到现成图标，不用东拼西凑。

`Iconoir`

线条轻、空气感足，适合想把界面做得更轻一点、更细一点的场景。

`Remix Icon`

适合 App 和运营页混用，线框和填充成对，做强调态时比较顺手。

`Material Symbols`

系统感最强，和 Android / Material 风格放在一起最自然，原生味很重。

`Heroicons`

结构清楚，放在导航、按钮、表单控件里都很稳，Web UI 兼容性很好。

`Fluent UI System Icons`

桌面感和企业感更明显，适合办公软件、B 端系统和桌面端工具。

`SF Symbols`

更适合 Apple 平台内部使用，和 iOS、macOS 的字号、间距、导航条非常合拍。

常用 UI Icon 库 ​

选型表 ​

48 个常见 Icon 预览 ​

各库特点 ​

Phosphor ​

Lucide ​

Tabler Icons ​

Iconoir ​

Remix Icon ​

Material Symbols ​

Heroicons ​

Fluent UI System Icons ​

SF Symbols ​

参考 ​