English Français العربية

Vadivam Icons

Official registry Developer tools

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

Source code Website Documentation

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http vadivam-icons 'https://vadivam.praveenjuge.com/mcp'
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "vadivam-icons": {
            "type": "http",
            "url": "https://vadivam.praveenjuge.com/mcp"
        }
    }
}
NPM package vadivam-mcp
Claude Code 
claude mcp add vadivam-icons -- npx -y vadivam-mcp@0.0.66
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "vadivam-icons": {
            "command": "npx",
            "args": [
                "-y",
                "vadivam-mcp@0.0.66"
            ]
        }
    }
}

Documentation

From the project's README on GitHub, refreshed weekly. Links open on GitHub.

Vadivam

Vadivam is a free, open-source library of 1903 pixel-perfect 24px outline SVG icons for React, React Native, Vue, Svelte, Solid, Angular, Astro, and Preact.

Browse all icons, copy SVG or framework-ready components, or use the Figma plugin to place editable local components.

Packages

PackageTarget
vadivamSVG and JavaScript
vadivam-reactReact
vadivam-react-nativeReact Native and Expo
vadivam-vueVue
vadivam-svelteSvelte
vadivam-solidSolid
vadivam-angularAngular
vadivam-astroAstro
vadivam-preactPreact
vadivam-mcpMCP server for agents

Using shadcn/ui? Every icon is also a registry item: npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-right.json.

Quick start

npm install vadivam-react
import { Activity } from "vadivam-react";

export function Example() {
  return <Activity size={20} aria-label="Activity" />;
}

Coming from Lucide? Every Lucide icon name works in Vadivam, and one command moves a project over: npx vadivam migrate-lucide --write. See Migrate from Lucide.

Every package supports tree-shakeable named and per-icon imports. Framework packages also provide dynamic icon APIs for data-driven names.

AI agents can search icons and get code through the MCP server at https://vadivam.praveenjuge.com/mcp or npx -y vadivam-mcp. See MCP server.

Docs · Contributing · Issues · Changelog · MIT License

Frequently asked questions

What is Vadivam Icons?

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

How do I install Vadivam Icons?

It runs as a remote server. In Claude Code: claude mcp add --transport http vadivam-icons 'https://vadivam.praveenjuge.com/mcp'. For other clients, paste the JSON configuration from this page into their MCP settings.

Does Vadivam Icons need an API key?

Its registry entry lists no required key or secret. Some features may still need an account with the service it connects to.

Is Vadivam Icons open source?

Yes. Its code is on GitHub under the MIT license.

Who maintains Vadivam Icons?

It is published by praveenjuge. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.