Koskamo

Vadivam MCP

The Vadivam MCP server enables AI agents to search for 24px outline icons by name, tag, or category and retrieve them as SVG or framework-specific code snippets. It supports tools for searching, suggesting icons based on descriptions, and retrieving icons in various formats like JSX, React, Vue, and Tailwind classes.

Endpoint and access

No sign-in to connect and list tools. Individual tools may still need a vendor account, credentials, or permissions; check the documented prerequisites.

Vadivam MCP logo, by Praveen JugeCommunity listingStreamable HTTPNo sign-inEndpoint checked 2026-11-01Published by Praveen Juge
MCP endpoint (Streamable HTTP)
https://vadivam.praveenjuge.com/mcp
Vendor documentation

What you can do with it

  • Search icons by name, synonym, or category
  • Get icon SVG or framework import code
  • Suggest icons based on UI descriptions
  • List available icon categories

Source and maintenance

Community listingRegistry 0.0.77
mcp-registry: io.github.praveenjuge/vadivam@0.0.77Source repositoryProject website
Maintenance checked

Protocol and capabilities

Server
vadivam 0.0.77
MCP protocol
2025-06-18
Tools
5 advertised
Resources
Not advertised
Resource templates
Not advertised
Prompts
Not advertised
Server-advertised capabilities
{
  "tools": {
    "listChanged": true
  }
}

Server-provided instructions

Untrusted server output shown for inspection. It is not Koskamo guidance and is excluded from knowledge search.

Vadivam is an open-source set of 1999 pixel-perfect 24px icons (the Lucide icon names, redrawn), each in an outline and a solid style, for SVG, React, React Native, Vue, Svelte, Solid, Preact, Astro, and Angular. - Always call search_icons first to find a real icon name; never guess names. Search matches names, tags (synonyms), and categories. - To pick icons for a whole screen or feature, call suggest_icons with a short description of the UI; it returns candidates for each thing it mentions. - Prefer importing components from the framework package (get_usage, then get_icon with format set to the framework) over pasting raw SVG. Use format "svg" only when no package fits. - Icon names are kebab-case (arrow-right); components are PascalCase (ArrowRight). - Outline is the default. Pass style "solid" to get_icon for the filled twin, such as for a selected tab or an active toggle; solid icons import from the package's /solid entry and take no stroke options. - Label meaningful icons (aria-label or title) and hide decorative ones (aria-hidden="true"). Docs: https://vadivam.praveenjuge.com/docs

Tools

5 advertised

search_icons — Search icons
Advertised by the server during the last successful anonymous check.
Advertised read-only

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.

search_icons input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "query"
  ],
  "properties": {
    "limit": {
      "type": "integer",
      "maximum": 100,
      "minimum": 1,
      "description": "Maximum results (default 20, max 100)."
    },
    "query": {
      "type": "string",
      "maxLength": 200,
      "description": "Words to match, such as \"arrow right\", \"delete\", or \"weather\". May be empty when category is set."
    },
    "category": {
      "type": "string",
      "maxLength": 100,
      "description": "Category id or title from list_categories, such as \"arrows\"."
    }
  }
}
search_icons output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "query",
    "total",
    "results"
  ],
  "properties": {
    "query": {
      "type": "string"
    },
    "total": {
      "type": "number"
    },
    "results": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "name",
          "componentName",
          "categories",
          "tags",
          "url"
        ],
        "properties": {
          "url": {
            "type": "string"
          },
          "name": {
            "type": "string"
          },
          "tags": {
            "type": "array",
            "items": {
              "type": "string"
            }
          },
          "categories": {
            "type": "array",
            "items": {
              "type": "string"
            }
          },
          "componentName": {
            "type": "string"
          }
        },
        "additionalProperties": false
      }
    },
    "category": {
      "type": "string"
    }
  },
  "additionalProperties": false
}
search_icons annotations
{
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true,
  "destructiveHint": false
}
suggest_icons — Suggest icons for a UI
Advertised by the server during the last successful anonymous check.
Advertised read-only

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.

suggest_icons input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "description"
  ],
  "properties": {
    "perConcept": {
      "type": "integer",
      "maximum": 10,
      "minimum": 1,
      "description": "Candidates per concept (default 3, max 10)."
    },
    "description": {
      "type": "string",
      "maxLength": 500,
      "minLength": 1,
      "description": "A short description of the screen, feature, or list of actions that need icons."
    }
  }
}
suggest_icons output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "description",
    "concepts",
    "unmatched"
  ],
  "properties": {
    "concepts": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "concept",
          "results"
        ],
        "properties": {
          "concept": {
            "type": "string"
          },
          "results": {
            "type": "array",
            "items": {
              "type": "object",
              "required": [
                "name",
                "componentName",
                "categories",
                "tags",
                "url"
              ],
              "properties": {
                "url": {
                  "type": "string"
                },
                "name": {
                  "type": "string"
                },
                "tags": {
                  "type": "array",
                  "items": {
                    "type": "string"
                  }
                },
                "categories": {
                  "type": "array",
                  "items": {
                    "type": "string"
                  }
                },
                "componentName": {
                  "type": "string"
                }
              },
              "additionalProperties": false
            }
          }
        },
        "additionalProperties": false
      }
    },
    "unmatched": {
      "type": "array",
      "items": {
        "type": "string"
      }
    },
    "description": {
      "type": "string"
    }
  },
  "additionalProperties": false
}
suggest_icons annotations
{
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true,
  "destructiveHint": false
}
get_icon — Get icon code
Advertised by the server during the last successful anonymous check.
Advertised read-only

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.

get_icon input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "name"
  ],
  "properties": {
    "name": {
      "type": "string",
      "maxLength": 100,
      "description": "Icon name from search_icons, such as \"arrow-right\" (PascalCase also works)."
    },
    "size": {
      "type": "number",
      "maximum": 1024,
      "description": "Width and height in pixels (default 24).",
      "exclusiveMinimum": 0
    },
    "color": {
      "type": "string",
      "maxLength": 64,
      "description": "Stroke color, or fill color for solid (default currentColor)."
    },
    "style": {
      "enum": [
        "outline",
        "solid"
      ],
      "type": "string",
      "description": "Icon style (default \"outline\"). \"solid\" is the filled twin, for selected or active states; it ignores stroke options."
    },
    "format": {
      "enum": [
        "svg",
        "jsx",
        "react",
        "react-native",
        "vue",
        "svelte",
        "solid",
        "preact",
        "astro",
        "angular",
        "qwik",
        "lit",
        "flutter",
        "compose",
        "data-uri",
        "base64",
        "css-mask",
        "tailwind",
        "cdn",
        "sprite",
        "font",
        "iconify",
        "shadcn"
      ],
      "type": "string",
      "description": "Output format (default \"svg\"). Framework ids return an import snippet."
    },
    "strokeWidth": {
      "type": "number",
      "maximum": 24,
      "description": "Stroke width (default 2). Outline only.",
      "exclusiveMinimum": 0
    },
    "absoluteStrokeWidth": {
      "type": "boolean",
      "description": "Keep the stroke width constant when resizing."
    }
  }
}
get_icon output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "name",
    "componentName",
    "format",
    "style",
    "code",
    "url"
  ],
  "properties": {
    "url": {
      "type": "string"
    },
    "code": {
      "type": "string"
    },
    "name": {
      "type": "string"
    },
    "style": {
      "enum": [
        "outline",
        "solid"
      ],
      "type": "string"
    },
    "format": {
      "type": "string"
    },
    "install": {
      "type": "string"
    },
    "componentName": {
      "type": "string"
    }
  },
  "additionalProperties": false
}
get_icon annotations
{
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true,
  "destructiveHint": false
}
list_categories — List categories
Advertised by the server during the last successful anonymous check.
Advertised read-only

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

list_categories input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "properties": {}
}
list_categories output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "categories"
  ],
  "properties": {
    "categories": {
      "type": "array",
      "items": {
        "type": "object",
        "required": [
          "id",
          "title",
          "iconCount"
        ],
        "properties": {
          "id": {
            "type": "string"
          },
          "title": {
            "type": "string"
          },
          "iconCount": {
            "type": "number"
          },
          "description": {
            "type": "string"
          }
        },
        "additionalProperties": false
      }
    }
  },
  "additionalProperties": false
}
list_categories annotations
{
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true,
  "destructiveHint": false
}
get_usage — Get framework usage
Advertised by the server during the last successful anonymous check.
Advertised read-only

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

get_usage input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "framework"
  ],
  "properties": {
    "framework": {
      "enum": [
        "core",
        "react",
        "react-native",
        "vue",
        "svelte",
        "solid",
        "preact",
        "astro",
        "angular",
        "qwik",
        "lit",
        "flutter",
        "compose"
      ],
      "type": "string",
      "description": "Framework id, or \"core\" for the vadivam SVG package."
    }
  }
}
get_usage output schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "framework",
    "label",
    "packageName",
    "install",
    "example",
    "solid",
    "dynamic",
    "docs"
  ],
  "properties": {
    "docs": {
      "type": "string"
    },
    "label": {
      "type": "string"
    },
    "solid": {
      "type": "string"
    },
    "dynamic": {
      "type": "string"
    },
    "example": {
      "type": "string"
    },
    "install": {
      "type": "string"
    },
    "framework": {
      "type": "string"
    },
    "packageName": {
      "type": "string"
    }
  },
  "additionalProperties": false
}
get_usage annotations
{
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true,
  "destructiveHint": false
}

Prompts

Not advertised

No prompt definitions available.

Resources

Not advertised

No resource definitions available.

30-day availability

Aggregated from read-only remote checks; this is not a tool-execution or security guarantee.

Successful checks
1 of 1 (100%)
Average latency
804 ms
95th percentile latency
804 ms

Maintenance history

Public check and source-refresh events. Editorial and ownership records remain private.

  • · probe · passed · 804 ms · metadata changed · 5 tool(s)

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers the remote server. Use --scope project to write .mcp.json for the repo.
Claude Code configuration
claude mcp add --transport http vadivam-mcp-praveenjuge https://vadivam.praveenjuge.com/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).
Codex configuration
codex mcp add vadivam-mcp-praveenjuge --url https://vadivam.praveenjuge.com/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable vadivam-mcp-praveenjuge in your MCP settings.
Cursor configuration
{
  "mcpServers": {
    "vadivam-mcp-praveenjuge": {
      "url": "https://vadivam.praveenjuge.com/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure).
Cline configuration
{
  "mcpServers": {
    "vadivam-mcp-praveenjuge": {
      "type": "streamableHttp",
      "url": "https://vadivam.praveenjuge.com/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start vadivam-mcp-praveenjuge and inspect its tools.
VS Code configuration
{
  "servers": {
    "vadivam-mcp-praveenjuge": {
      "type": "http",
      "url": "https://vadivam.praveenjuge.com/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.
Gemini CLI configuration
gemini mcp add --transport http vadivam-mcp-praveenjuge https://vadivam.praveenjuge.com/mcp

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.
Claude Desktop configuration
{
  "mcpServers": {
    "vadivam-mcp-praveenjuge": {
      "url": "https://vadivam.praveenjuge.com/mcp"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.
Windsurf configuration
{
  "mcpServers": {
    "vadivam-mcp-praveenjuge": {
      "serverUrl": "https://vadivam.praveenjuge.com/mcp"
    }
  }
}

Let your agent find its tools

Find servers like Vadivam MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.

Connect Koskamo Explore workflows
See all 7,457