English Français العربية

Vadivam Icons

Registre officiel Outils de développement

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

Code source Site web Documentation

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http vadivam-icons 'https://vadivam.praveenjuge.com/mcp'
Configuration JSON (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
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "vadivam-icons": {
            "command": "npx",
            "args": [
                "-y",
                "vadivam-mcp@0.0.66"
            ]
        }
    }
}

Documentation

Tirée du README du projet sur GitHub, actualisée chaque semaine. Les liens ouvrent 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

Questions fréquentes

Qu'est-ce que Vadivam Icons ?

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

Comment installer Vadivam Icons ?

Il fonctionne comme serveur distant. Dans Claude Code : claude mcp add --transport http vadivam-icons 'https://vadivam.praveenjuge.com/mcp'. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour Vadivam Icons ?

Son entrée au registre n'indique aucune clé ni secret obligatoire. Certaines fonctions peuvent tout de même demander un compte auprès du service auquel il se connecte.

Vadivam Icons est-il open source ?

Oui. Son code est sur GitHub sous licence MIT.

Qui maintient Vadivam Icons ?

Il est publié par praveenjuge. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.