Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
Need an MVP like Phosphor Icons?
We'll build it in less than 7 days. Book a free discovery call with Tiny Startup Studio.
Book free discovery call →Phosphor Icons (phosphoricons.com) is one of the most-loved free open-source icon libraries — 'flexible icon family for interfaces, diagrams, presentations — whatever, really.' Created by Helena Zhang + Tobias Fried, Phosphor's distinctive feature is six weight variants (thin, light, regular, bold, fill, duotone) across 1200+ icons = 7200+ total icon variations. Substantially more weight flexibility than Lucide (single weight) or Heroicons (two variants — outline + solid). Free MIT-licensed with optional Pro tier for early access + extras. Framework packages (phosphor-react + phosphor-vue + phosphor-icons web component), Figma + Sketch libraries, active community maintenance. Sits in icon library landscape alongside Lucide (the dominant React/shadcn-ui community default — single weight + 1500+ icons + biggest ecosystem integration), Heroicons (Tailwind team's simpler 2-variant set integrated with Tailwind), Tabler (largest free at 4000+ icons), Font Awesome (27k+ icons + comprehensive brand icons + 14-year workhorse position), Iconoir + Ionicons + Eva Icons (other free alternatives all covered earlier), and premium options (Nucleo + Streamline + Hugeicons covered earlier). Distinguished from Lucide (dominant React default) by six weight variants vs single weight, distinguished from Heroicons (Tailwind 2-variant) by six weights + framework-agnostic packages, distinguished from Tabler (4000+ free icons) by weight variety vs raw count, distinguished from Font Awesome (workhorse + brand icons) by modern open-source community + weight variety, distinguished from premium libraries (Nucleo + Streamline) by free MIT-licensed positioning. Free + open-source MIT license. Best for design systems needing icon weight variants (thin for delicate UI, bold for emphasis, fill for active states, duotone for accents — no other free library matches Phosphor's six weights), React + Vue projects using phosphor-react + phosphor-vue packages with natural framework integration, free MIT-licensed icons for client + commercial work without paid library investment, and designers wanting same icon in multiple weights for different UI contexts without mixing libraries. Skip if Lucide single-weight default works (safer React/shadcn-ui community choice), if Heroicons fits Tailwind needs (Tailwind-team-blessed simplicity), for comprehensive brand icons (Font Awesome workhorse remains the brand icon choice), or for premium icon scale needs (Nucleo + Streamline have more total icons at premium pricing). One of the great free icon libraries in 2026 — multi-weight flexibility is genuinely differentiating + open-source positioning + active community make Phosphor credible alternative to Lucide; for design systems needing weight variants Phosphor is the default; many projects use both Lucide as primary + Phosphor when weight variants matter.
⏱ 30-second verdict
Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
Multi-weight design systems
Design systems needing icon weight variants (thin for delicate UI, bold for emphasis, fill for active states, duotone for accents).
React + Vue projects
React + Vue projects using phosphor-react + phosphor-vue packages — natural integration.
Free MIT-licensed icons
Free open-source icons for client + commercial work without paid library investment.
Design system variant flexibility
Designers wanting same icon in multiple weights for different UI contexts without mixing libraries.
Phosphor Icons (phosphoricons.com) is one of the most-loved free open-source icon libraries — 'flexible icon family for interfaces, diagrams, presentations — whatever, really.' Created by Helena Zhang + Tobias Fried, Phosphor's distinctive feature is six weight variants (thin, light, regular, bold, fill, duotone) across thousands of icons — substantially more weight flexibility than Lucide (single weight) or Heroicons (two variants). Free MIT-licensed with optional Pro tier. The multi-weight approach makes Phosphor particularly valuable for design systems needing weight variant flexibility. What you get: 1200+ icons in 6 weights (thin/light/regular/bold/fill/duotone) = 7200+ total icon variations, free open-source MIT license, framework packages (phosphor-react + phosphor-vue + phosphor-icons web component), Figma + Sketch libraries, regular updates from active maintainers. The weight variety is the standout — designers can use thin for delicate UI, bold for emphasis, fill for active states, duotone for two-color accents. Where Phosphor fits: alongside Lucide (the dominant React/shadcn-ui default — single weight focus + 1500+ icons), Heroicons (Tailwind team's simpler 2-variant set), Tabler (largest free at 4000+), Font Awesome (workhorse + brand icons + 27k+), Iconoir + Ionicons + Eva Icons (covered earlier as free alternatives). Phosphor occupies the multi-weight free niche distinctively — no other free library matches Phosphor's six weight variants. Where it's not for you: if you only need single-weight icons + don't care about weight variants, Lucide is the safer React default. If you want Tailwind-team-blessed icons, Heroicons. If you want comprehensive brand icons, Font Awesome remains workhorse. Pricing: free MIT-licensed. Optional Pro tier exists for early access + extra features (verify on phosphoricons.com). Honest take: Phosphor is one of the great free icon libraries — multi-weight flexibility is genuinely differentiating + the open-source positioning + active community make it credible alternative to Lucide. For design systems needing weight variants, Phosphor is the default. For React/shadcn-ui projects, Lucide remains the safer community choice. Many projects use both — Lucide as primary + Phosphor when weight variants matter.
Free
Pro (optional)
Yes — completely free + MIT-licensed for personal + commercial use. Optional Pro tier for early access + extras (verify on phosphoricons.com).
Lucide is the dominant React/shadcn-ui community default (single weight + 1500+ icons + biggest ecosystem). Phosphor offers 6 weight variants distinctive in free libraries. Pick Lucide for React/shadcn-ui safer default; pick Phosphor when weight variants matter for design system.
Thin (lightest, hairline strokes), Light, Regular (default), Bold, Fill (solid filled), Duotone (two-color). Each icon ships in all 6 weights — substantial design system variant flexibility.
Heroicons is Tailwind team's simpler 2-variant set (outline + solid) integrated with Tailwind. Phosphor has 6 weights + larger library + framework-agnostic packages. Pick Heroicons for Tailwind-team-blessed simplicity; pick Phosphor for weight variety.
Helena Zhang + Tobias Fried as community-driven open-source project. The multi-weight approach + active maintenance has made Phosphor one of the most-loved free icon libraries.
No reviews yet — be the first.
Figma
The browser-based design tool everyone uses.
Webflow
No-code site builder that produces real CSS.
Yellow Images
The Largest Collection of PSD Mockups on the Internet!
Wise
The design system of Wise.
Who Can Use
A tool to show how color contrast can affect different people with visual impairments.
Websitevice
Website design examples for inspiration that get results instead of awards