Skip to content
don’t make it ugly
All resources

Asset libraryAssets

Phosphor Icons

A flexible icon family with six weights, from thin to duotone.

Open sourceFree
Visit website (opens in a new tab)View GitHub (opens in a new tab)
Preview of Phosphor Icons

What it is

Phosphor is a large icon set available in six weights (thin, light, regular, bold, fill and duotone), which makes it unusually adaptable to different brand tones. Packages for React, Vue, Svelte, Flutter and vanilla.

Why it’s here

The one to reach for when Lucide feels too neutral. The duotone and fill weights give you a friendlier, more characterful look without changing icon sets.

Best for

  • friendlier brands
  • multiple icon weights
  • consumer apps

Can my agent use this?

Agent excellent agent friendliness

Yes. Public site, source and npm. Specify the weight you want so the agent sets it globally.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Docs
  • GitHub
  • npm

Install

npm install @phosphor-icons/react

Related resources

  • Iconify
    Preview of Iconify

    Iconify

    One API and one component for two hundred thousand icons from every major set.

    Asset libraryFreeOpen sourceexcellent agent friendliness
  • Rive
    Preview of Rive

    Rive

    Interactive vector animations with state machines, playable in any app.

    ToolOpen sourcegood agent friendliness
  • AutoAnimate
    Preview of AutoAnimate

    AutoAnimate

    One line of code that animates list changes for you.

    PackageFreeOpen sourceexcellent agent friendliness
    Staff pick
  • Simple Icons
    Preview of Simple Icons

    Simple Icons

    SVG logos for thousands of brands, in one consistent style.

    Asset libraryFreeOpen sourceexcellent agent friendliness