关于 Supericons MCP
Supericons MCP 帮助编码 Agent 按含义跨 11 个图标库查找和使用 SVG 图标。其 MCP 工具支持语义搜索、图标集推荐、获取图标和视觉预览。
主要功能
- 01按含义和描述搜索图标
- 02为最多 20 个 UI 位置推荐图标
- 03按图标 ID 和库获取 SVG
- 04预览并比较搜索结果
- 05列出 11 个可用图标库
适用场景
- 01为 UI 概念查找图标
- 02为指定 UI 位置选择协调的图标集
- 03直观比较候选图标
MCP 相关
它向 MCP 客户端提供图标搜索、推荐、获取、预览和库列表工具。客户端可连接托管端点,也可在本地运行 npm MCP 运行时。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://mcp.supericons.dev/mcpclaude mcp add --transport http supericons https://mcp.supericons.dev/mcp{"mcpServers":{"supericons":{"type":"http","url":"https://mcp.supericons.dev/mcp"}}}在 Cursor 中打开{"servers":{"supericons":{"type":"http","url":"https://mcp.supericons.dev/mcp"}}}在 VS Code 中打开{"mcpServers":{"supericons":{"type":"http","url":"https://mcp.supericons.dev/mcp"}}}{"mcpServers":{"supericons":{"serverUrl":"https://mcp.supericons.dev/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
13| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| library | string | 否 | 按免费图标库筛选:lucide、tabler、phosphor、heroicons、bootstrap、iconoir、ionicons、material、simpleicons 或 mingcute |
| limit | number | 否 | 最大结果数(1–50,默认值为 10) |
| locale | enum | 否 | 多语言搜索词的可选区域设置。支持的值:zh-Hans、zh-Hant、ja、ko、es、de、pt、ar、hi、vi、th。zh-Hans | zh-Hant | ja | ko | es | de | pt | ar | hi | vi | th |
| query | string | 是 | 搜索词(例如 "heart"、"login"、"download arrow") |
| style | enum | 否 | 可选的样式偏好。仅对提供填充或实心变体的图标库使用 `solid`。any | outline | solid |
详细介绍
Supericons v2.0
为 AI 编码 Agent 提供语义 SVG 图标搜索、预览和推荐。
Supericons 帮助 Agent 按含义而非仅按文件名查找图标。它可搜索 11 个图标库中的 20,000 多个免费图标,并可返回 SVG 代码或视觉对比结果。
发布版本
Supericons 为产品插件和 MCP 运行时使用不同的版本号:
| 组件 | 当前版本 |
|---|---|
| Supericons 插件 | 2.0.0 |
| npm MCP 运行时 | @supericons/[email protected] |
| 托管 MCP 运行时 | 0.4.22 |
v2.0 插件使用当前 MCP 运行时。没有名为 @supericons/[email protected] 的 npm 包。
快速开始
对于支持远程 MCP 服务的客户端,请使用托管端点:
https://mcp.supericons.dev/mcp
对于使用本地 MCP 命令的客户端,请使用:
{
"mcpServers": {
"supericons": {
"command": "npx",
"args": ["-y", "@supericons/mcp@latest"]
}
}
}
免费工具无需 Supericons API 密钥。
插件文件
此仓库包含适用于 Codex、Claude Code 和兼容 Agent 目录的公开插件清单:
.plugin/plugin.json
.codex-plugin/plugin.json
.claude-plugin/plugin.json
.agents/plugins/marketplace.json
Codex 插件还使用:
.codex-mcp.json
skills/supericons-icon-search/SKILL.md
手动设置字段
如果客户端显示的是表单而非配置文件,请填写:
Name: supericons
Transport: stdio
Command: npx
Arguments:
-y
@supericons/mcp@latest
如果只有一个参数字段,请填写:
-y @supericons/mcp@latest
托管工具
search_icons
:按含义、标签、视觉描述、标签词、同义词和支持的多语言词条进行搜索。
recommend_icons
:为最多 20 个已命名的 UI 槽位推荐一组风格一致的图标。
get_icon
:在已知图标 ID 和图标库的情况下,获取一个指定的 SVG 图标。
preview_icons
:在托管预览页面或图像上对比搜索结果或已知图标引用。
list_libraries
:列出托管服务器提供的 11 个免费图标库。
示例提示词
Use Supericons to find a Lucide database icon. Show the icon id, library, and SVG.
Use Supericons to recommend icons for an AI dashboard sidebar: model, prompt, dataset, evaluation, deployment, and monitoring. Prefer Lucide outline icons.
Use Supericons to preview the strongest camera scan icons so I can compare them visually.
Pro 设置
如需 Pro 权限,请将 API 密钥添加为环境变量:
SUPERICONS_API_KEY=<YOUR_SUPERICONS_API_KEY>
切勿将 API 密钥粘贴到公开问题、截图、已提交的配置文件或共享聊天中。
链接
- 网站:https://supericons.dev
- MCP 设置:https://supericons.dev/mcp/
- npm 包:https://www.npmjs.com/package/@supericons/mcp
- 托管 MCP:https://mcp.supericons.dev/mcp
- 服务卡片:https://mcp.supericons.dev/.well-known/mcp/server-card.json
公开仓库范围
此仓库是 Supericons 的公开设置和目录封装。仓库包含公开清单、安装示例、支持信息和品牌素材。私有产品代码、凭据、客户数据和内部运营数据均不属于此仓库。
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。