图标
界面图标与品牌 logo 分开选。一个产品只留一套界面图标。
库 4 · 编辑更新 2026-10-10
全部
Phosphor Icons库为界面设计的统一图标家族：六种字重，按网格绘制，小尺寸也清楚。换风格只改一个 weight 属性。适合：整个产品要用同一套图标，并且需要细线到填充的变化。MIT · phosphoricons.comLobeHub Icons库AI / LLM 品牌 logo，React 组件或静态 SVG。适合：界面要出现模型厂商的 logo。MIT · lobehub.com/iconsLucide库shadcn/ui 默认图标，社区维护的 Feather 分支。适合：项目已经在用 shadcn，且不需要多种字重。ISC · lucide.devIconify库一套语法用 200+ 个开源图标集。适合：必须在一个依赖里混用多个图标集。MIT · iconify.design
怎么选
需要字重 用 Phosphor，选中态再换 fill。
沿用 shadcn 示例 继续用 Lucide，不必为了换图标重写示例。
厂商 logo AI 品牌标用 LobeHub，不要画进 Phosphor。