React MCP Server

SVG React icons of popular icon packs using ES6 imports

Local serverstdioTypeScript

What is the React MCP Server?

SVG React icons of popular icon packs using ES6 imports

What the server does

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.

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

Recorded tools

Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.

ToolWhat it does
colorundefined (inherit)
size1em
classNameundefined
styleundefined
attrundefined
titleundefined

How to install the React MCP Server

{
  "mcpServers": {
    "react-icons": {
      "command": "npx",
      "args": ["-y", "react-icons"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • “Use React to Key.”
  • “Use React to color.”
  • “Use React to size.”

Frequently asked questions

SVG React icons of popular icon packs using ES6 imports Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.