M
MCP Directory CURATED DIRECTORY
911 MCP servers indexed
中文
← Back to directory
R

Reicon MCP Server

Official
Open-source icon library MCP server for AI agents to search icons, preview SVG, and generate code snippets
How to install ↓ Compare GitHub source repository ↗
Category
Dev Tools #258 of 438
Stars
★ 1.7k Very popular
Transport
stdio (local process)
Runtime
Node.js
Credentials
No credential needed
License
MIT
Last commit
Tools
3
50FMRS · D

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.

Strongest · Documentation 12/20 Weakest · Reliability 7/20

Reliability
7/20
Security and permissions
10/20
Maintenance
10/20
Documentation
12/20
Setup experience
11/20
Why each score
Reliability 7/20
Evidence is limited: only README was read, no actual MCP server code, tests, or CI workflows were seen. README indicates a reicon-mcp package exists and provides client configuration examples, but cannot verify that the server actually starts, handshakes, or that tools match behavior. Best case is a plausible happy path, but lack of verifiable execution evidence keeps reliability conservative at 7.
Security and permissions 10/20
No malicious behavior or red-line risks were found. README mentions no credential handling or external network calls; the MCP server appears to be a local tool run via npx. No install examples contain real tokens or secrets. Though no detailed security audit was possible, based on available info, no red flags. Score 10 as no evidence of overreach or data leakage.
Maintenance 10/20
Repository is active: 1205 stars, only 4 open issues, not archived, MIT license. README shows multiple npm packages with version badges, indicating releases. However, no specific commit history or release dates were inspected, so maintenance is moderate. Active and licensed, but governance details unknown.
Documentation 12/20
README provides extensive documentation: links to multiple guides, MCP usage example, LLM reference files, project structure guide, and design system guide. However, documentation is mostly general and does not dive deep into MCP server parameters, limitations, or troubleshooting. No MCP tool list or detailed error handling docs. Thus documentation is usable but not comprehensive.
Setup experience 11/20
Install steps are clear: via npm package reicon-mcp, using npx command, and client configuration example provided. However, no verification that installation works, and reliance on npx might complicate setup. Requires Node.js environment, but mainstream client config example given. So setup path seems clear, but unverified and potentially manual/fragile, so score is moderate-low.

Static review · not runListed 2026-08-07

Read the FMRS scoring method →

Fit and risk

What it can accessUses the network

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

Setup

Before you start

Runtime：Node.js

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"]
    }
  }
}

Shown for Claude Desktop. Other clients may use a different file or key (VS Code uses "servers") — the configurator below converts it.

.vscode/mcp.json
{
  "servers": {
    "reicon": {
      "command": "npx",
      "args": [
        "reicon-mcp"
      ]
    }
  }
}

Goes in your project's .vscode/mcp.json (VS Code uses a "servers" key).

Terminal
claude mcp add reicon -- npx reicon-mcp

Run it in a terminal; replace any <…> placeholders with your own values first.

Generate and validate client config

Check that it works

Check that search_icons, get_icon_svg, and generate_code appear in the client's tool list, then ask it to search for the heart icon; a returned result confirms the connection works.

Troubleshooting

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

Things to try

Once connected, you can ask your AI assistant things like:

  • Search the Reicon library for a heart icon
  • Show me the SVG markup for the heart icon
  • Generate React code for the heart icon
  • Find the heart icon in both outline and filled weights

Tools 3

search_icons read-only
Search icons by name or category, returning a list of matching icons.
get_icon_svg read-only
Get the SVG markup for a specified icon, with optional weight (outline or filled) and size.
generate_code read-only
Generate framework-specific code snippets (e.g., React, Vue) for a specified icon and framework.

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 Desktop
Cursor
GitHub Copilot

Listed from the project's documentation, not tested by this site.

Overview

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.

Similar servers

Context7 80 · B

Upstash's official server providing up-to-date third-party library docs for AI coding assistants

★ 62.9k · Tools 2 Compare with this →
Compare with other MCP servers

Source revision 580d777a3c8d Data synced 2026-10-12 Read the FMRS scoring method