Phosphor Icons Icons
A flexible icon family designed for interfaces, diagrams, presentations, and more. Available in six styles with consistent visual language.
About Phosphor Icons
A flexible icon family designed for interfaces, diagrams, presentations, and more. Available in six styles with consistent visual language.
Available Styles
What You Get
| Feature | Details |
|---|---|
| Icon count | 9,072 icons in this library |
| License | MIT |
| Creator | Phosphor Icons team |
| Export formats | SVG, PNG, JSX, Base64. Copy to clipboard or download instantly. |
| Customization | Color, size, rotation, flip. All in-browser. |
| Account required | None. No sign-up needed. |
How to Use Phosphor Icons Icons
1. Search the library
Head to Browse Icons and filter by “Phosphor Icons” to browse all 9,072 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between Thin and Light styles, or rotate and flip.
3. Export
Copy the SVG, download a PNG at any size, grab the icon ID for @iconify/react, or export as JSX or Base64. No account required.
Use in React / Next.js
Install the Iconify React package and use Phosphor Icons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Phosphor Icons icon
<Icon icon="ph:home" className="h-6 w-6" />Browse Phosphor Icons Icons Free
9,072 icons. No watermarks, no account, no attribution required.