← Back to directory

Reicon MCP Server

Official

Open-source icon library MCP server for AI agents to search icons, preview SVG, and generate code snippets

GitHub source repository ↗

★ 1.3k Stars Category · Dev Tools Very popular Source revision 974cf2445404

50FMRS · D

Reliability

7/20

Security and permissions

10/20

Maintenance

10/20

Documentation

12/20

Setup experience

11/20

The Reicon MCP server offers efficient icon retrieval and code generation for AI agents, backed by a rich open-source icon library. Installation is simple and cross-framework support is broad. It's suitable for developers integrating AI coding tools, but depends on the local environment.

Read the FMRS scoring method →

The Reicon MCP server is a Model Context Protocol implementation of the Reicon open-source icon library. It allows AI agents (such as Claude, Cursor, GitHub Copilot, etc.) to search Reicon's 2700+ icons, view SVG markup, and generate framework-specific code snippets for React, Vue, Svelte, React Native, Flutter, and more. The server runs via npx reicon-mcp over stdio, and it uses local icon data without network calls.

Tools

search_icons

Search icons by name or category, returning a list of matching icons.

get_icon_svg

Get the SVG markup for a specified icon, with optional weight (outline or filled) and size.

generate_code

Generate framework-specific code snippets (e.g., React, Vue) for a specified icon and framework.

Setup

Add the following configuration to your MCP client:

{
  "mcpServers": {
    "reicon": {
      "command": "npx",
      "args": ["reicon-mcp"]
    }
  }
}

Then restart your client.

claude_desktop_config.json

{
  "mcpServers": {
    "reicon": {
      "command": "npx",
      "args": ["reicon-mcp"]
    }
  }
}

Generate and validate client config

Fit and risk

Best for

Developers needing fast access to icon resources in their workflow
Teams using AI coding tools like Cursor or Copilot
Full-stack developers needing consistent icons across multiple frameworks (React, Vue, Svelte, etc.)

Not for

Developers who need graphical interfaces or commercial icon libraries
Environments without Node.js or npx
Scenarios requiring network calls or remote services

Required permissions

Reads local icon data (no network required)
May need permission to execute npx command on your system

Risks and side effects

Depends on npx to download the package from npm, first run may need network
MCP server is based on local files and may expose system path information (low risk)
Misconfiguration may cause client connection failures

Troubleshooting

Ensure Node.js 16+ and npm are installed.
Verify npx is available (run `npx --version`).
Check that the MCP client configuration uses the correct server name (e.g., 'reicon').
Check npm package version `npm show reicon-mcp version` to ensure client compatibility.
If connection fails, try running `npx reicon-mcp` manually to see error messages.

Use cases

AI coding assistants quickly find appropriate icons while building UIs

Automate icon code generation in design systems

Prototype development by searching icons via conversation and getting code

Supported clients

Claude DesktopFull support

CursorFull support

GitHub CopilotFull support

Related MCP servers

Compare with other MCP servers