SVG React icons of popular icon packs using ES6 imports
If you already use React, the react mcp server is the piece that lets your assistant work with it directly. SVG React icons of popular icon packs using ES6 imports.
Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.
The toolset is worth reading before you wire it up, because it tells you what the integration is really for:
Key — Defaultcolor — undefined (inherit)size — 1emclassName — undefinedstyle — undefinedattr — undefinedtitle — undefinedYarn — The Yarn tool exposed by this serverDevelopment — The Development tool exposed by this serverPreview — The preview site is the react-icons website, built in Astro+ReactDemo — The demo is a Create React App boilerplate with react-icons added as a dependency for easy testingThe server ships on npm as react-icons, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.
This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. React's toolset — Key, color, size and 8 more — is a fair guide to whether it matches your workflow. It is maintained by GitHub Actions; worth a glance at recent repository activity before you build anything load-bearing on it.
This entry was verified against React's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.
| Tool | What it does |
|---|---|
| Key | Default |
| color | undefined (inherit) |
| size | 1em |
| className | undefined |
| style | undefined |
| attr | undefined |
| title | undefined |
| Yarn | The Yarn tool exposed by this server. |
| Development | The Development tool exposed by this server. |
| Preview | The preview site is the [react-icons](https://react-icons.github.io/react-icons/) website, built in Astro+React. |
| Demo | The demo is a [Create React App](https://create-react-app.dev/) boilerplate with react-icons added as a dependency for easy testing. |
{
"mcpServers": {
"react-icons": {
"command": "npx",
"args": ["-y", "react-icons"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.