Phosphor Icons

MIT icon family, six weights

FreeDesign tools, color & typephosphoricons.com

What it is

Icon family of roughly 1,250 icons in six weights — thin, light, regular, bold, fill and duotone — drawn on a 16px grid so they stay legible small. Official packages for React, Vue, web components, Flutter, Elm and Swift, plus community ports for Svelte and Solid.

Why it earns a slot

The weights are the point: regular in body UI, bold for the active nav item, fill for a selected state, all without leaving one visual family. That kind of consistency is hard to fake by mixing sets.

Know before you commit

Pulling icons from the package root can drag in every weight and bloat a bundle — import each icon from its specific path and check what your bundler actually emits.

Getting started

npm i @phosphor-icons/react

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free · MIT licensed

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Phosphor Icons (https://phosphoricons.com) for this project, then use it only if it fits what we are already building.
Context: MIT icon family, six weights. Icon family of roughly 1,250 icons in six weights — thin, light, regular, bold, fill and duotone — drawn on a 16px grid so they stay legible small. Official packages for React, Vue, web components, Flutter, Elm and Swift, plus community ports for Svelte and Solid.
Reviewer notes (general, not written for this codebase): The weights are the point: regular in body UI, bold for the active nav item, fill for a selected state, all without leaving one visual family. That kind of consistency is hard to fake by mixing sets.
Watch out for: Pulling icons from the package root can drag in every weight and bloat a bundle — import each icon from its specific path and check what your bundler actually emits.
Pricing: Free · MIT licensed
Setup: npm i @phosphor-icons/react
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/phosphor-icons

Neighbourhood

How Phosphor Icons sits against the rest of the atlas — swaps, companions and the tools builders actually save alongside it.