Phosphor Icons

Using Phosphor Icons in your project

Phosphor offers multiple weights, including thin, light, regular, bold, fill, and duotone. Choose matching weights for adjacent controls rather than mixing them accidentally.

Open an icon to customize its size and color, download SVG for scalable graphics or PNG for image-based tools, or copy a standalone React component. The icon page also includes its react-icons import.

This collection is listed under MIT. Review the original project’s licensing and attribution information before using or redistributing its icons.

Looking for a subject across libraries? Browse interface icons, communication icons, or shopping icons.