Phosphor Icons
Over 1,500 icons across six weights (thin through duotone). Good if you need one icon family that can carry an entire design system's visual weight.
What is Phosphor Icons?
Phosphor Icons is an open-source icon library with over 1,500 icons, each available in six different weights, thin, light, regular, bold, fill, and duotone, so you can match icon weight to your typography and design system rather than being stuck with one style. It's built for teams who want a single, consistent icon family flexible enough to cover an entire product's UI, from dense toolbars to marketing pages, without mixing icon sets.
Key features
- Six weights per icon, letting you tune visual weight to match your type scale or UI density
- Over 1,500 icons covering a broad range of common UI, brand, and object icons
- React, Vue, and Svelte component packages alongside raw SVG and a web font
- Consistent grid and stroke logic across the whole set, so mixed usage still looks coherent
- MIT-licensed, free for commercial use
Who it's for
A solid pick when you want one icon family to carry a whole design system, especially if you need finer control over visual weight than most single-style icon sets offer. If you just need a small, quick set for a simple project, a lighter library like Lucide might be less overhead.
Pricing
Free and open-source under the MIT license, no paid tier.