P
Phosphor Icons
库为界面设计的统一图标家族：六种字重，按网格绘制，小尺寸也清楚。换风格只改一个 weight 属性。
MIT · phosphoricons.com · github.com/phosphor-icons/homepage · @phosphor-icons/react 2.1.10 · Web / React / Vue / Flutter / Elm
thin
light
regular
bold
fill
duotone
安装与用法
终端
npm i @phosphor-icons/react
App.tsx
import { HeartIcon, CubeIcon } from "@phosphor-icons/react";
<HeartIcon weight="fill" size={20} />
<CubeIcon weight="duotone" />为什么选，什么时候别用
为什么选 同一套图标覆盖细线到填充六种风格，界面换调性不用换图标库；支持 tree-shaking，只打包用到的图标。
别用 需要 OpenAI、Anthropic 等 AI 品牌 logo 时，用 LobeHub Icons；项目已经用 shadcn/ui 默认的 Lucide 且没有字重需求，不必换。
注意 开发模式下从主入口导入，部分打包器会编译全部图标模块，拖慢启动；可按路径单独导入（官方 README 说明）。
给 Agent 的一句话
AGENTS.md Prompt
- 图标统一使用 @phosphor-icons/react，默认 weight="regular"，选中态用 "fill" - 不要混用其他图标库；按路径单独导入图标