Phosphor Icons

Flexible icon family designed for interfaces, diagrams, and visualizations. Offers over 1,200 icons in six weights: Thin, Light, Regular, Bold, Fill, and Duotone. Icons are drawn on a 16x16px base grid for clarity at small sizes while scaling well to larger display dimensions.

Phosphor stands out by providing a consistent weight system across the full set, giving design teams and developers fine-grained control over visual hierarchy. The same icon concept is available in every weight, unlike many libraries that offer only one or two styles. Official bindings exist for vanilla web, React, Vue, Flutter, and Elm, with raw SVGs and metadata in the core repository for custom integrations.

Key features:

• Six weights per icon: Thin, Light, Regular, Bold, Fill, Duotone for flexible visual hierarchy
• 1,200+ icons covering actions, objects, brands, and UI elements
• Framework packages for React, Vue, Flutter, vanilla JavaScript, and Elm
• Raw SVGs and catalog data in core repository for custom tooling
• MIT licensed, designed at 16x16px for crisp rendering at any scale

Suits dashboards, admin panels, documentation sites, and design systems where a single icon family needs to cover multiple contexts. The weight options help differentiate primary actions from secondary ones, and the Duotone style supports two-tone brand or accent treatments. Developers pair it with React, Vue, or vanilla setups via npm packages or direct SVG imports.