图标MCP服务器
一个提供图标搜索和生成服务的后端服务器，支持从多个图标库中根据名称模糊查询图标信息，以及通过大模型生成图标。
MCP 服务配置
复制以下 JSON 到 OPClaw 或其他 MCP 客户端的配置文件中即可使用
{
"mcpServers": {
"dt-icon-server": {
"args": [
"-y",
"icon-mcp-server"
],
"command": "npx",
"env": {
"DASHSCOPE_API_KEY": "your_dashscope_api_key_here"
}
}
}
}该服务需要配置环境变量：DASHSCOPE_API_KEY
Streamable HTTP 传输配置
{
"mcpServers": {
"dt-icon": {
"url": "https://mcp.api-inference.modelscope.net/12a515414efd4f/mcp"
}
}
}可用工具 （2 个）
该服务在 MCP 协议中暴露的工具，AI 可按需调用
search_icons
根据名称搜索图标，支持多个名称（逗号分隔）。支持搜索 Element Plus 和 Ant Design 图标库。
该工具无需必填参数，直接调用即可
generate_icon
通过大模型生成图标，支持多种国产AI模型（通义千问、文心一言、智谱AI、Kimi、豆包等）
该工具无需必填参数，直接调用即可
服务介绍
Icon MCP Server
A backend server that provides icon search and generation service, supporting fuzzy search for icons from multiple icon libraries and AI-powered icon generation.
一个提供图标搜索和生成服务的后端服务器，支持从多个图标库中根据名称模糊查询图标信息，以及通过大模型生成图标。
功能特性 (Features)
- ✅ 支持从 Element Plus 图标库搜索图标
- ✅ 支持从 Ant Design 图标库搜索图标
- ✅ 提供 RESTful API 接口
- ✅ 支持图标名称模糊查询
- ✅ 支持多个名称查询（逗号分隔）
- ✅ 支持通过大模型生成图标
- ✅ 支持 MCP (Model Context Protocol) 协议，可在 Cursor 中配置使用
- 返回图标来源、名称和 SVG 代码
Installation
作为 MCP 服务器使用（推荐）
无需安装，直接在 Cursor 中通过 npx 调用即可。详见下面的 使用说明。
作为 HTTP 服务器使用
如果需要作为 HTTP 服务器运行，可以全局安装：
npm install -g icon-mcp-server
或本地安装：
npm install icon-mcp-server
Usage
作为 MCP 服务器在 Cursor 中使用
通过 npx 使用（推荐，无需本地安装）
-
在 Cursor 中配置 mcp.json
在项目根目录或用户配置目录创建
.cursor/mcp.json文件（或编辑现有的），添加以下配置：{ "mcpServers": { "icon-mcp-server": { "command": "npx", "args": ["-y", "icon-mcp-server"], "env": { "DASHSCOPE_API_KEY": "your_dashscope_api_key_here", } } } }说明:
npx -y icon-mcp-server会自动下载并运行最新版本的包，无需本地安装-y参数表示自动确认，无需用户交互- 只需要配置你使用的 AI 模型的 API Key 即可
-
重启 Cursor
保存配置后，重启 Cursor 编辑器，MCP 服务器将自动启动。
-
使用 MCP 工具
在 Cursor 中，你可以使用以下工具：
search_icons: 搜索图标（支持多个名称，逗号分隔）generate_icon: 生成图标
启动服务器
直接启动服务器：
npx icon-mcp
或使用启动脚本：
npm start
服务器默认运行在 3000 端口。可以通过设置 PORT 环境变量来更改端口：
PORT=8080 npm start
