PhosphorPhosphor Icons
你可能会说
想要粗细可调、风格统一的图标，一套库不够用。
Phosphor 是一套强调「多字重」的开源图标系统：同一组图标提供 Thin / Light / Regular / Bold / Fill / Duotone 六种粗细。·它由 Phosphor 团队维护（MIT，1000+ 图标），最大特点是粗细连续可调，适合需要层次感与品牌质感的界面；Duotone 双色模式还能用前景 / 背景两色做出立体感。React 引入：npm i @phosphor-icons/react，然后 import { House } from "@phosphor-icons/react"，用 <House weight="bold" /> 控制字重。
也常被叫作Phosphor多字重图标DuotoneSVG 图标
house
magnifying-glass
gear
user
heart
star
bell
envelope-simple
camera
chat-circle
trash
plus
arrow-right
check
x
lightbulb
shopping-cart
calendar
适用风格与场景
品牌 / 产品官网多字重让同一图标在标题（粗）与正文（细）保持家族感，强化品牌一致性。
营销 / 插画风 UIDuotone 双色模式天然带层次，适合卡片、空状态、引导插画。
设计系统 / 组件库一套六档字重覆盖 hover / active / disabled 等状态，减少额外切图。
深浅色 / 跨端矢量 + currentColor，主题切换零成本，移动端同样清晰。
延伸阅读 · 权威出处