← 返回目录

Reicon MCP Server

官方

为 AI 智能体提供图标搜索、SVG 预览与代码生成服务的开源图标库 MCP 服务器

查看安装方法 ↓ 横向对比 GitHub 源仓库 ↗

分类: 开发工具第 258 / 438
Stars: ★ 1.7k 非常热门
传输方式: stdio（本地进程）
运行环境: Node.js
凭据: 无需凭据
许可证: MIT
最近提交: 5 天前
工具数: 3

50FMRS · D

Reicon MCP 服务器为 AI 智能体提供了高效的图标检索与代码生成能力，基于丰富的开源图标库，安装简单，跨框架支持广泛。它适合开发者集成到 AI 编程工具中，但需注意依赖本地环境。

最强项 · 文档质量 12/20 最弱项 · 可靠性 7/20

可靠性

7/20

安全与权限

10/20

维护活跃度

10/20

文档质量

12/20

安装易用性

11/20

查看各项评分依据

可靠性 7/20: 证据有限：只读到README，没有看到实际的MCP服务器代码、测试或CI工作流。README表明存在reicon-mcp包，并提供了客户端配置示例，但无法验证服务器是否真的能启动、握手或工具是否匹配。最佳情况是快乐路径可能可用，但缺少可执行的验证证据，因此可靠性评分保守地限制在7分。
安全与权限 10/20: 没有发现恶意行为或严重风险。README未提及任何凭据处理或外部网络调用；MCP服务器似乎是本地工具，通过npx运行。没有安装示例包含真实令牌或秘密。尽管没有详细的安全审计，但基于现有信息，没有红旗。评分10分，因为没有证据表明存在过度授权或数据泄露。
维护活跃度 10/20: 仓库活跃：1205颗星，只有4个未解决问题，未归档，MIT许可证。README显示多个npm包已发布，有版本徽章。然而，没有具体的提交历史或发布日期，因此维护评分适中。活跃且有许可证，但治理细节未知。
文档质量 12/20: README提供了丰富的文档：多个指南的链接、MCP使用示例、LLM参考文件、项目结构指南和设计系统。然而，文档主要针对一般使用，并未深入MCP服务器的参数、限制或故障排除。没有提供MCP工具清单或详细的错误处理文档。因此文档可用但不够全面。
安装易用性 11/20: 安装步骤清晰：通过npm包reicon-mcp，使用npx命令，客户端配置示例已提供。但是，没有验证安装过程，且依赖npx可能增加设置复杂度。需要Node.js环境，但主流客户端配置示例已给出。因此，安装路径看似清晰，但由于没有经过验证，且手动步骤可能复杂，评分适中偏低。

静态评测 · 未实际运行收录于 2026-08-07

查看 FMRS 评分方法 →

选型与风险

能访问什么访问网络

适合谁

需要在开发流程中快速访问图标资源的开发者
使用 AI 编程工具（如 Cursor、Copilot）的团队
全栈开发者需要在多个框架（React、Vue、Svelte 等）中一致使用图标

不适合谁

需要图形界面或商业图标库的开发者
未安装 Node.js 或 npx 的环境
需要网络调用或远程服务的场景

所需权限

从本地包读取图标数据（无需网络）
可能需要在系统上执行 npx 命令的权限

风险与副作用

依赖 npx 从 npm 下载包，首次运行可能需要网络
MCP 服务器基于本地文件，可能暴露系统路径信息（但风险较低）
错误配置可能导致客户端连接失败

安装接入

准备工作

运行环境：Node.js

在 MCP 客户端配置中添加以下内容：

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

然后重启客户端即可。

claude_desktop_config.json

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

以 Claude Desktop 为例。其他客户端的配置文件位置或字段可能不同（如 VS Code 使用 servers 字段），可用下方配置生成器转换。

.vscode/mcp.json

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

写入项目的 .vscode/mcp.json（VS Code 使用 servers 字段）。

Terminal

claude mcp add reicon -- npx reicon-mcp

在终端运行；先把 <…> 占位符换成你自己的值。

生成并校验客户端配置

验证是否装好

在客户端工具列表中确认出现 search_icons、get_icon_svg 和 generate_code 三个工具，然后询问“帮我搜一下 heart 图标”，若能返回图标结果即说明连接成功。

常见排障

确保已安装 Node.js 16+ 和 npm。
确认 npx 命令可用（运行 `npx --version`）。
检查 MCP 客户端配置是否使用了正确的 server 名称（如 'reicon'）。
查看 npm 包版本 `npm show reicon-mcp version`，确保客户端支持该版本。
如果连接失败，尝试手动运行 `npx reicon-mcp` 查看报错信息。

试试这样问

连接成功后，可以直接对 AI 助手这样说：

搜索 Reicon 库里的 heart 图标
给我 heart 图标的 SVG 代码
用 React 组件的形式生成 heart 图标的代码
列出 outline 和 filled 两种风格的 heart 图标

工具能力 3

search_icons 只读

按名称或类别搜索图标，返回匹配的图标列表。

get_icon_svg 只读

获取指定图标的 SVG 标记，可指定权重（outline 或 filled）和尺寸。

generate_code 只读

为指定图标和框架生成框架特定的代码片段（如 React、Vue 等）。

使用场景

AI 编程助手在开发界面时快速获取合适图标

设计系统自动化生成图标代码

原型开发中通过对话搜索图标并获取代码

支持客户端

Claude Desktop

Cursor

GitHub Copilot

依据项目文档列出，未经本站实测。

详细介绍

Reicon MCP 服务器是 Reicon 开源图标库的 Model Context Protocol 实现。它允许 AI 智能体（如 Claude、Cursor、GitHub Copilot 等）搜索 Reicon 的 2700+ 图标，查看 SVG 标记，并生成 React、Vue、Svelte、React Native、Flutter 等框架的代码片段。该服务器通过 npx reicon-mcp 以 stdio 方式运行，无需网络调用即可访问本地图标数据。