vadivam-mcp

vadivam-mcp

An MCP server for searching 24px outline 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, 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 · Angular · Astro · Preact

Issues