Phosphor Icons
Phosphor Icons is a free, open-source icon family for interfaces, diagrams, and presentations.
What Phosphor Icons is
Phosphor Icons is a free, open-source icon family for interfaces, diagrams, and presentations. Its catalog is described as having 1,248 icons and counting, in six weights: Thin, Light, Regular, Bold, Fill, and Duotone. Icons are designed at 16 × 16 pixels, and the source retains stroke information for further style adjustments. The project supplies individual SVG assets and an icon font, along with packages for web, React, Vue, Flutter, Elm, SwiftUI, vanilla JavaScript, and Web Components. It also lists plugins for Figma, Penpot, and Sketch. React components support tree-shaking, configurable color, size, weight, mirroring, and alt text. The web package can load selected weights and apply styling with CSS; loading all six weights brings in around 3 MB of fonts and CSS, which may affect page load speed. The Figma plugin lets users browse, search, and copy icons into a project. The project identifies its license as MIT, including for commercial use.
Good
- Free and MIT licensed.
- Six icon weights are available.
- Provides SVG assets and an icon font.
- Libraries cover multiple frameworks and platforms.
- React package supports tree-shaking.
Watch out
- Loading all six web weights brings around 3 MB of assets.
Who it suits
Phosphor Icons suits designers and developers who need a flexible icon set for interfaces, diagrams, or presentations. Its SVG assets, framework libraries, and design plugins offer several ways to use the icons.
Verdict
Phosphor Icons offers a broad set of icon formats, styles, libraries, and design integrations under an MIT license. Consider the documented web asset size if loading all six weights.
The facts
Each one read from Phosphor Icons's own pages, with the date it was checked.
What it does
- Asset formats
- The project provides individual SVG assets and an icon font.checked 4 Oct 2026
- Bundle-size consideration
- The web package documentation says loading all six weights brings in around 3 MB of fonts and CSS and may affect page load speed.checked 4 Oct 2026
- Creators and contact
- The official homepage credits Helena Zhang and Tobias Fried as creators and lists [email protected] as a contact email.checked 4 Oct 2026
- Design
- The icons are designed at 16 × 16 pixels, and raw stroke information is retained for style adjustments.checked 4 Oct 2026
- Design integrations
- The maker lists plugins for Figma, Penpot, and Sketch.checked 4 Oct 2026
- Developer libraries
- The project lists packages for React, Vue, Flutter, Elm, SwiftUI, vanilla JavaScript, and Web Components.checked 4 Oct 2026
- Figma plugin
- The Figma plugin lets users browse, search, and copy icons into a project.checked 4 Oct 2026
- Frameworks
- The maker lists web, React, Vue, Flutter, Elm, and other frameworks and platforms.checked 4 Oct 2026
- Icon catalog
- The maker’s repository describes the family as having 1,248 icons and counting.checked 4 Oct 2026
- Icon styles
- The icon family includes six weights: thin, light, regular, bold, fill, and duotone.checked 4 Oct 2026
- License
- The maker’s repository identifies Phosphor Icons as MIT licensed.checked 4 Oct 2026
- Product
- Phosphor is an icon family for interfaces, diagrams, and presentations.checked 4 Oct 2026
- Purpose
- Phosphor describes itself as a flexible icon family for interfaces, diagrams, and presentations.checked 4 Oct 2026
- React optimization
- The React package supports tree-shaking so bundles can include only the icons used.checked 4 Oct 2026
- React package
- The React package supports tree-shaking so a bundle includes only the icons used.checked 4 Oct 2026
- React styling
- React icon components support SVG props and configurable color, size, weight, mirroring, and alt text.checked 4 Oct 2026
- Stroke editing
- The source retains raw stroke information for further style adjustments.checked 4 Oct 2026
- Styles
- Icons are available in six weights: Thin, Light, Regular, Bold, Fill, and Duotone.checked 4 Oct 2026
- Web implementation
- The web package supports loading selected icon weights and styling icons with CSS.checked 4 Oct 2026
- Web use
- The vanilla web package provides icons as a webfont mapped through Unicode Private Use Area character codes.checked 4 Oct 2026
Money
- Free and open source
- Phosphor says it is free and open-source, licensed under MIT.checked 4 Oct 2026
Alternatives to Phosphor Icons
- 1
Font Awesome
Free planWebAPILinuxmacOS7.5From $4 a month - 2
Lordicon
Free planAndroidiOSWebAPI7.4Free plan - 3
Ant Design Icons
Free planAndroidiOSWeb7.1Free plan - 4
Hugeicons
Free planAndroidiOSWeb7.1From $99 a year - 5
Tabler Icons
Free planAndroidiOSWeb7.1$9 one-time - 6
Icons8 Background Remover
WebAPIExtensionmacOS7.0From $13 a year