What is Phosphor?

Phosphor is a flexible icon family for everyone. We provide 1,248 icons in 6 weights that work right out the box, as well as the raw stroke information so you can fine-tune the style. Explore all our icons at phosphoricons.com.

For designers

• Download the assets directly
• Copy/paste the SVG
• Hook up to the Figma library
• Use our Figma plugin

For engineers

• React component library
• Vue component library
• Vanilla JS library
• ...and many more!

Tell us what we missed and we'll do our best to support.

Why did we make this?

We designed the icon library we always wanted to use. Easy to pick up and plug in. Truly consistent in style and scale. Flexible to multiple sizes and weights. Reserved enough to be multi-purpose, but a little quirky, too.

We found many icon libraries out there that were both inspiring in their approaches yet lacking in one dimension or another (consistency, quantity, variety) so we set out to create our own. We took cues from type design's level of detail to make sure each icon sits well with the next. We created 6 weights to optimize for common use cases. We not only obsessed about the icons themselves, but also the experience using them. We continue to test the icons in real applications to improve the experience.