# Phosphor Icons — card for AI agents

MIT-licensed set of 1,248 icons in 6 weights, with React, Vue and web packages.

Category: Icons · maker Phosphor Icons · checked 2026-10-10 · style: outline, filled, duotone

## Price
- Price: Free
- Free tier: Free.

## License
MIT — https://github.com/phosphor-icons/homepage

- commercial: **yes** (Commercial use OK)
- attribution: **no** (No credit needed)
- in app: **yes** (Can ship inside your app)

## Rules to follow
- Keep the MIT copyright and permission notice in copies.

## How an agent gets files
- npm @phosphor-icons/react, /vue, /web (webfont) or /core (assets and catalog). (sign-in: none)
- Formats: svg, webfont
- Not allowed: Keep the MIT copyright notice

## React (official example, https://raw.githubusercontent.com/phosphor-icons/react/master/README.md)

```
npm i @phosphor-icons/react

import { HorseIcon, HeartIcon, CubeIcon } from "@phosphor-icons/react";

const App = () => {
  return (
    <main>
      <HorseIcon />
      <HeartIcon color="#AE2983" weight="fill" size={32} />
      <CubeIcon color="teal" weight="duotone" />
    </main>
  );
};
```

## Next.js (official example, https://raw.githubusercontent.com/phosphor-icons/react/master/README.md)

```
// React Server Components / SSR
import { FishIcon } from "@phosphor-icons/react/ssr";

const MyServerComponent = () => {
  return <FishIcon weight="duotone" />;
};

// next.config.js
module.exports = {
  experimental: {
    optimizePackageImports: ["@phosphor-icons/react"],
  },
}
```

## How to connect
- Package (npm/PyPI)
- npm: `npm install @phosphor-icons/react`
- Repository: https://github.com/phosphor-icons/core
- Website: https://phosphoricons.com

## Notes
Also @phosphor-icons/core, /vue, /web, /webcomponents.

## Numbers (AgentGid data)
- Gid Score: 44.1
- GitHub stars: 393
- Downloads last week: 3,146,181
- Used in 19 public projects set up for AI coding agents

## Lines to paste into your prompt or AGENTS.md

```
- Phosphor Icons (Icons). MIT-licensed set of 1,248 icons in 6 weights, with React, Vue and web packages. Price: free; commercial use OK; no credit needed. Style: outline, filled, duotone.
  Connect: npm @phosphor-icons/react.
  Get files: npm @phosphor-icons/react, /vue, /web (webfont) or /core (assets and catalog) (svg, webfont).
  Not allowed: Keep the MIT copyright notice
  Rule: Keep the MIT copyright and permission notice in copies.
  License: https://github.com/phosphor-icons/homepage (checked 2026-10-10; details: https://agentgid.com/assets/phosphor/)
```

Not verified: phosphoricons.com not readable (JS-only).

## Links
- AgentGid page: https://agentgid.com/assets/phosphor/
- Source: https://github.com/phosphor-icons/homepage
- Source: https://github.com/phosphor-icons/core

---
AgentGid's catalog is curated: every entry was checked against the maker's official pages (registry, repository, license and pricing pages) on the date shown; a license value shows the quote it stands on wherever AgentGid has one. Usage numbers come from AgentGid's own scan of public repositories set up for AI coding agents. Claims by makers are reported, not tested by AgentGid.