Phosphor Icons

1,512 MIT icons in six weights, from Thin to Duotone

Tier S · Best in classIcon Setphosphoricons.com

(Visit phosphoricons.com ↗)(Docs)(Repository)

Phosphor is an open-source icon family of 1,512 icons drawn at a 16x16 base grid, each shipped in six weights — Thin, Light, Regular, Bold, Fill and Duotone — for roughly 9,000 total assets. Weight is a runtime prop rather than a separate import, so a single component swaps from hairline to filled without changing the icon name. Official packages cover React, Vue, vanilla web (webfont and SVG), Web Components, Elm and Flutter, with first-party plugins for Figma, Sketch and Penpot. It is MIT licensed and suits product teams that want one icon system to cover both dense UI chrome and large marketing display use.

Install

npm i @phosphor-icons/react

For an agent

Pick Phosphor over Lucide when the design needs filled or duotone icons, or when one icon must appear at both 16px in a table row and 96px in a hero — the weight prop covers that range from a single import, which a stroke-only set cannot. It is the right default for Vue, Elm, Flutter and Web Components projects, where Lucide's ecosystem is thinner. Watch the bundle: importing from `@phosphor-icons/react` is tree-shakable but duotone icons carry two paths and an opacity layer, so do not pull hundreds of them into one client route, and note the marketing site still quotes the stale 1,248 figure from an older release.

Why it is here. The only widely used open-source icon family where weight is a prop rather than a separate icon set, which makes a single visual system stretch across an entire product.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: React, Vue, Vanilla JS, Web Components, Flutter
Styling: CSS custom properties, Inline styles
Distribution: npm package, GitHub repository, Figma plugin, Direct download / asset pack
Platform: Web, Cross-platform
Content type: Icons, Code
Agent readiness: Readable open source, Structured documentation, CLI installable
Accessibility: Semantic HTML, Accessible
Maturity: Actively maintained
GitHub stars: 7,200
Package: @phosphor-icons/react

Components it ships

Icon

Notable for

six weights including Duotone
weight as a runtime prop
drawn on a 16x16 base grid
official Figma, Sketch and Penpot plugins
MIT with no attribution requirement

Provenance

Verified 2026-08-15. HTTP 200. https://phosphoricons.com (renders as a JS shell, no readable content), https://github.com/phosphor-icons/homepage, https://github.com/phosphor-icons/core, https://github.com/phosphor-icons/react, web search for the v2.1 icon count

Also in Icons & Logos

phosphoricons.comTier S