Skip to content
SPECIFICTION
Get listed

Phosphor Icons

phosphoricons.com

Web
Visit phosphoricons.com
Spec score 6.8 #40 of 46 in Icon Libraries

Spec sheet

Purpose
Phosphor describes itself as a flexible icon family for interfaces, diagrams, and presentations.Read 4 Oct 2026 · phosphoricons.com
Product
Phosphor is an icon family for interfaces, diagrams, and presentations.Read 4 Oct 2026 · github.com
License
The maker’s repository identifies Phosphor Icons as MIT licensed.Read 4 Oct 2026 · github.com
Asset formats
The project provides individual SVG assets and an icon font.Read 4 Oct 2026 · github.com
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.Read 4 Oct 2026 · github.com
Creators and contact
The official homepage credits Helena Zhang and Tobias Fried as creators and lists [email protected] as a contact email.Read 4 Oct 2026 · phosphoricons.com
Design
The icons are designed at 16 × 16 pixels, and raw stroke information is retained for style adjustments.Read 4 Oct 2026 · github.com
Design integrations
The project lists plugins for Figma, Sketch, and Penpot.Read 4 Oct 2026 · github.com
Developer libraries
The project lists packages for React, Vue, Flutter, Elm, SwiftUI, vanilla JavaScript, and Web Components.Read 4 Oct 2026 · github.com
Figma plugin
The Figma plugin lets users browse, search, and copy icons into a project.Read 4 Oct 2026 · github.com
Frameworks
The maker lists web, React, Vue, Flutter, Elm, and other frameworks and platforms.Read 4 Oct 2026 · github.com
Free and open source
Phosphor says it is free and open-source, licensed under MIT.Read 4 Oct 2026 · phosphoricons.com
Icon catalog
The maker’s repository describes the family as having 1,248 icons and counting.Read 4 Oct 2026 · github.com
Icon styles
The icon family includes six weights: thin, light, regular, bold, fill, and duotone.Read 4 Oct 2026 · github.com
React optimization
The React package supports tree-shaking so bundles can include only the icons used.Read 4 Oct 2026 · github.com
React package
The React package supports tree-shaking so a bundle includes only the icons used.Read 4 Oct 2026 · github.com
React styling
React icon components support SVG props and configurable color, size, weight, mirroring, and alt text.Read 4 Oct 2026 · github.com
Stroke editing
The source retains raw stroke information for further style adjustments.Read 4 Oct 2026 · github.com
Styles
Icons are available in six weights: Thin, Light, Regular, Bold, Fill, and Duotone.Read 4 Oct 2026 · github.com
Web implementation
The web package supports loading selected icon weights and styling icons with CSS.Read 4 Oct 2026 · github.com
Web use
The vanilla web package provides icons as a webfont mapped through Unicode Private Use Area character codes.Read 4 Oct 2026 · github.com

Where Specifiction places it

Alternatives to Phosphor IconsAll alternatives →