一个图标六种轻重：Phosphor Icons 开源免费，风格弹到最细

界面的视觉密度是变化的：大屏设计稿里图标可以细一点，密集的移动端工具栏就得粗一点。Phosphor Icons 让同一个图标有六种「轻重」可选。

它解决什么问题

换个场景就得换图标库，因为原库只有一档线宽，太细或太粗都不合适。

图标与文字搭配时，图标线条的粗细和字重不匹配，视觉上不协调。

核心能力

字重匹配：容易被忽略的细节

界面上如果正文用 Regular、标题用 Bold，图标却只有一档线宽，那么图标在标题旁就会显得过轻，在正文旁又会显得过重。

更细的做法是让图标线宽跟随所在区域的文字字重：标题区域用 Bold 图标，正文区域用 Regular 图标。图标库提供多档字重，就是为这种场景准备的。

同类工具怎么选

谁适合用

• 重视界面精度的产品设计师
• 需要双色图标表达状态的开发者
• 做密集工具栏、需要更粗图标的移动端设计

怎么开始

1. 打开 phosphoricons.com，搜索需要的语义。
2. 在顶部切换字重与 Duotone 模式，选定风格。
3. 复制 SVG，或按官方文档安装组件包。
4. 注意同一界面内保持字重策略一致，不要每个图标各挑一档。

常见问题

Duotone 能自定义颜色吗？
可以，双色图标的两层颜色可通过 CSS 或属性分别控制。

图标数量如何？
覆盖常见界面语义，数量中等，低于 Tabler 这类巨型库。

能用于印刷物料吗？
可以，SVG 为矢量，放大不损失质量。

授权与合规

Phosphor Icons 以 MIT 许可证发布，可免费用于商业项目，允许修改与再分发。 官网：phosphoricons.com。