Vadivam Icons

io.github.praveenjuge由 GitHub 账号 praveenjuge 发布v0.0.80更新于 Nov 5, 2026

Search 24px outline icons by name, tag, or category and get SVG or framework code.

已验证Streamable HTTP可网页运行开发者工具媒体与设计

概览

AI 生成的概览

搜索 Vadivam 24px 图标集,并返回 SVG 或框架组件代码,供界面开发使用。

可以做什么
  • 按名称、同义标签或分类搜索图标,结果有排序,可按分类过滤
  • 根据一段界面描述,为其中提到的每个元素推荐候选图标
  • 获取单个图标,可输出 SVG、JSX、框架代码片段、data URI、CSS mask、Tailwind 类名、CDN 链接、雪碧图、字体、Iconify id 或 shadcn 命令,支持线框与实心两种风格
  • 列出所有图标分类及其 id、标题、描述和图标数量
  • 获取某个框架包或核心包的安装命令、导入示例和文档链接
适用场景
适合在助手编写或修改网页、应用界面时使用,让它拿到真实的图标名称和可直接粘贴的代码,而不是猜测图标标识。也适合根据一段描述为整个页面挑选风格统一的图标。
运行要求
可使用托管的远程端点(streamable HTTP),或用 npx 从 npm 包 vadivam-mcp 以 stdio 在本地运行,需要 Node.js。本地包内置图标数据,可离线使用。未声明需要账号、API 密钥或环境变量。
安装前请注意
只做查询:返回图标数据和代码片段,不会修改任何内容。托管端点会把搜索词和界面描述发送到第三方服务器;本地包则不会。生成的代码片段使用前应自行检查,并按服务器建议为有意义的图标加标签、为装饰性图标隐藏。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Vadivam Icons,将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Web executable,通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体,或 SourceWeft 对话中。智能体会读取该服务器的安装指南,先向你展示发布者、端点和登录方式,经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/io.github.praveenjuge%2Fvadivam/install.md,并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前,先告诉我它的发布者、端点和登录方式,等我确认。不要把 API 密钥写进命令或我会提交的文件;问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。

{
  "mcpServers": {
    "vadivam-icons": {
      "type": "http",
      "url": "https://vadivam.praveenjuge.com/mcp"
    }
  }
}

README

vadivam-mcp

An MCP server for searching 24px outline and solid icons and getting SVG or framework code. AI agents use it to find the right Vadivam icon by name, synonym, or category instead of guessing names.

Browse icons · MCP docs · Source · GitHub

[npm version] [downloads] [license]

Use the hosted server, with nothing to install:

sh
claude mcp add --transport http vadivam https://vadivam.praveenjuge.com/mcp

Or run it locally over stdio. The icon data ships inside the package, so it works offline and matches this release:

sh
claude mcp add vadivam -- npx -y vadivam-mcp
json
{  "mcpServers": {    "vadivam": { "command": "npx", "args": ["-y", "vadivam-mcp"] }  }}
ToolWhat it does
search_iconsRanked search over names, tags, and categories, with an optional category filter
suggest_iconsCandidate icons for each thing a UI description mentions
get_iconOne icon as SVG, JSX, a framework snippet, data URI, CSS mask, Tailwind class, CDN URL, sprite, font, or shadcn
list_categoriesEvery category with its id, title, description, and icon count
get_usageInstall command, import example, and docs link for a framework package

To host it yourself, createVadivamServer() returns a fresh McpServer and createVadivamHttpHandler() wraps it in a stateless Streamable HTTP handler for Cloudflare Workers, Deno, or Bun:

js
import { createVadivamHttpHandler } from "vadivam-mcp";
export default createVadivamHttpHandler();

Package family: SVG and JavaScript · React · React Native · Vue · Svelte · Solid · Angular · Astro · Preact · Qwik · Lit · Flutter · Jetpack Compose

Issues

来源:packages/vadivam-mcp/README.md,提交 15560c6

工具

5

search_icons

Search icons

Find Vadivam icons by name, synonym tag, or category. Ranked: exact name, then name prefix or word, then tag, then category. Call this before get_icon; never guess icon names.

输入参数limitquery必填category

suggest_icons

Suggest icons for a UI

Suggest icons for each thing a UI description mentions, such as "settings sidebar with search, profile, and logout". Splits on commas and words like "and" or "with", then ranks icons per concept. Pick one per concept, then call get_icon.

输入参数perConceptdescription必填

get_icon

Get icon code

Get one icon, outline or solid, as SVG, JSX, a framework component snippet, a data URI, CSS mask, Tailwind class, CDN URL, sprite, font, Iconify id, or shadcn command. Unknown names return the closest real names.

输入参数name必填sizecolorstyleformatstrokeWidthabsoluteStrokeWidth

list_categories

List categories

List every icon category with its id, title, description, and icon count. Pass an id to search_icons as category.

无需输入参数。

get_usage

Get framework usage

Install command, import example, dynamic icon API, and docs link for a framework package, or "core" for raw SVG and JavaScript.

输入参数framework必填

版本历史

6
  1. v0.0.80最新Nov 5, 2026
  2. v0.0.78Nov 3, 2026
  3. v0.0.77Oct 29, 2026
  4. v0.0.66Oct 23, 2026
  5. v0.0.65Oct 23, 2026
  6. v0.0.63Oct 22, 2026

评分

已满足适用检查项的 100%

该评分衡量此收录条目的完整程度,依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价,也不表示服务器安全或当前可用:可连通性是带日期的检查结果,评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分