适合谁
- 需要在开发流程中快速访问图标资源的开发者
- 使用 AI 编程工具（如 Cursor、Copilot）的团队
- 全栈开发者需要在多个框架（React、Vue、Svelte 等）中一致使用图标
R
50FMRS · D
Reicon MCP 服务器为 AI 智能体提供了高效的图标检索与代码生成能力，基于丰富的开源图标库，安装简单，跨框架支持广泛。它适合开发者集成到 AI 编程工具中，但需注意依赖本地环境。
Reicon MCP 服务器是 Reicon 开源图标库的 Model Context Protocol 实现。它允许 AI 智能体（如 Claude、Cursor、GitHub Copilot 等）搜索 Reicon 的 2700+ 图标，查看 SVG 标记，并生成 React、Vue、Svelte、React Native、Flutter 等框架的代码片段。该服务器通过 npx reicon-mcp 以 stdio 方式运行，无需网络调用即可访问本地图标数据。
工具能力
search_icons
按名称或类别搜索图标，返回匹配的图标列表。
get_icon_svg
获取指定图标的 SVG 标记，可指定权重（outline 或 filled）和尺寸。
generate_code
为指定图标和框架生成框架特定的代码片段（如 React、Vue 等）。
安装接入
在 MCP 客户端配置中添加以下内容：
{
"mcpServers": {
"reicon": {
"command": "npx",
"args": ["reicon-mcp"]
}
}
}然后重启客户端即可。
claude_desktop_config.json
{
"mcpServers": {
"reicon": {
"command": "npx",
"args": ["reicon-mcp"]
}
}
}
选型与风险
不适合谁
- 需要图形界面或商业图标库的开发者
- 未安装 Node.js 或 npx 的环境
- 需要网络调用或远程服务的场景
所需权限
- 从本地包读取图标数据（无需网络）
- 可能需要在系统上执行 npx 命令的权限
风险与副作用
- 依赖 npx 从 npm 下载包，首次运行可能需要网络
- MCP 服务器基于本地文件，可能暴露系统路径信息（但风险较低）
- 错误配置可能导致客户端连接失败
常见排障
- 确保已安装 Node.js 16+ 和 npm。
- 确认 npx 命令可用（运行 `npx --version`）。
- 检查 MCP 客户端配置是否使用了正确的 server 名称（如 'reicon'）。
- 查看 npm 包版本 `npm show reicon-mcp version`，确保客户端支持该版本。
- 如果连接失败，尝试手动运行 `npx reicon-mcp` 查看报错信息。
使用场景
AI 编程助手在开发界面时快速获取合适图标
设计系统自动化生成图标代码
原型开发中通过对话搜索图标并获取代码
支持客户端
Claude Desktop完整支持
Cursor完整支持
GitHub Copilot完整支持