关于 Vadivam Icons
Vadivam Icons 是面向 Agent 和开发者的 MCP 服务，用于查找 24px 线框图标并获取可用代码格式。它支持按名称、同义词、标签或类别搜索，可连接托管服务，也可在本地使用内置图标数据运行。
主要功能
- 01按名称、标签和类别搜索
- 02根据界面描述推荐图标
- 03返回 SVG 和框架代码
- 04列出图标类别及元数据
- 05提供框架使用说明
- 06支持托管 HTTP 或本地 stdio
适用场景
- 01查找匹配界面元素的图标
- 02按同义词或类别挑选图标
- 03获取 JSX 或 SVG 格式图标
- 04查看程序包安装和导入说明
MCP 相关
向 MCP 客户端提供图标搜索、推荐、获取、类别列表和框架用法工具。可通过托管的 Streamable HTTP 端点连接，也可在本地通过 stdio 运行。
配置
远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。
服务地址
https://vadivam.praveenjuge.com/mcp一键复制安装命令
Claude CodeTerminal
claude mcp add --transport http praveenjuge-vadivam https://vadivam.praveenjuge.com/mcpCursor.cursor/mcp.json
{"mcpServers":{"praveenjuge-vadivam":{"type":"http","url":"https://vadivam.praveenjuge.com/mcp"}}}在 Cursor 中打开VS Code.vscode/mcp.json
{"servers":{"praveenjuge-vadivam":{"type":"http","url":"https://vadivam.praveenjuge.com/mcp"}}}在 VS Code 中打开Claude Desktopclaude_desktop_config.json
{"mcpServers":{"praveenjuge-vadivam":{"type":"http","url":"https://vadivam.praveenjuge.com/mcp"}}}Windsurf~/.codeium/windsurf/mcp_config.json
{"mcpServers":{"praveenjuge-vadivam":{"serverUrl":"https://vadivam.praveenjuge.com/mcp"}}}命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
详细介绍
vadivam-mcp
用于搜索 24px 轮廓图标并获取 SVG 或框架代码的 MCP 服务。AI Agent 可以按名称、同义词或类别查找合适的 Vadivam 图标，而不必猜测名称。
使用托管服务，无需安装：
claude mcp add --transport http vadivam https://vadivam.praveenjuge.com/mcp
也可以通过 stdio 在本地运行。图标数据随软件包一同提供，因此可离线使用，并与此版本保持一致：
claude mcp add vadivam -- npx -y vadivam-mcp
{
"mcpServers": {
"vadivam": { "command": "npx", "args": ["-y", "vadivam-mcp"] }
}
}
| 工具 | 功能说明 |
|---|---|
search_icons | 对名称、标签和类别进行排序搜索，可选按类别筛选 |
suggest_icons | 为 UI 描述中提到的每个事物推荐候选图标 |
get_icon | 获取单个图标，格式可为 SVG、JSX、框架代码片段、数据 URI、CSS mask、Tailwind 类、CDN URL、sprite、字体或 shadcn |
list_categories | 列出所有类别及其 id、标题、描述和图标数量 |
get_usage | 获取框架软件包的安装命令、导入示例和文档链接 |
如需自行托管，createVadivamServer() 会返回一个全新的 McpServer，而 createVadivamHttpHandler() 会将其封装为无状态 Streamable HTTP 处理程序，适用于 Cloudflare Workers、Deno 或 Bun：
import { createVadivamHttpHandler } from "vadivam-mcp";
export default createVadivamHttpHandler();
软件包系列：SVG 和 JavaScript · React · React Native · Vue · Svelte · Solid · Angular · Astro · Preact
评论
支持 Markdown
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。