English Français العربية

Vadivam Icons

السجل الرسمي أدوات المطورين

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

الشيفرة المصدرية الموقع التوثيق

التثبيت

أضف هذا إلى إعدادات MCP في عميلك (Claude Desktop: claude_desktop_config.json، وCursor: ‏.cursor/mcp.json، ويستخدم VS Code وغيره الصيغة نفسها «mcpServers»).

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

التوثيق

مأخوذ من ملف README للمشروع على GitHub ويُحدَّث أسبوعيًا. تفتح الروابط على 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

الأسئلة الشائعة

ما هو Vadivam Icons؟

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

كيف أثبّت Vadivam Icons؟

يعمل كخادم بعيد. في Claude Code: claude mcp add --transport http vadivam-icons 'https://vadivam.praveenjuge.com/mcp'. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.

هل يحتاج Vadivam Icons إلى مفتاح API؟

لا يذكر إدراجه في السجل أي مفتاح أو سر إلزامي. قد تتطلب بعض الميزات حسابًا لدى الخدمة التي يتصل بها.

هل Vadivam Icons مفتوح المصدر؟

نعم. شيفرته متاحة على GitHub بترخيص MIT.

من يصون Vadivam Icons؟

ينشره praveenjuge. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.

من سجل MCP الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.