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

Use the hosted server, with nothing to install:

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:

claude mcp add vadivam -- npx -y vadivam-mcp

{
  "mcpServers": {
    "vadivam": { "command": "npx", "args": ["-y", "vadivam-mcp"] }
  }
}

| Tool | What it does | | ----------------- | ----------------------------------------------------------------------------------------------- | | search_icons | Ranked search over names, tags, and categories, with an optional category filter | | suggest_icons | Candidate icons for each thing a UI description mentions | | get_icon | One icon as SVG, JSX, a framework snippet, data URI, CSS mask, Tailwind class, CDN URL, sprite, font, Iconify id, or shadcn | | list_categories | Every category with its id, title, description, and icon count | | get_usage | Install 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:

import { createVadivamHttpHandler } from "vadivam-mcp";

export default createVadivamHttpHandler();

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

Issues