Vadivam

Vadivam is a free, open-source library of 1999 pixel-perfect 24px SVG icons, each in an outline and a solid style, with packages for web frameworks, React Native, Flutter, Jetpack Compose, and plain HTML.

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

Packages

Package	Target
vadivam	SVG, JavaScript, and HTML
vadivam-react	React
vadivam-react-native	React Native and Expo
vadivam-vue	Vue
vadivam-svelte	Svelte
vadivam-solid	Solid
vadivam-angular	Angular
vadivam-astro	Astro
vadivam-preact	Preact
vadivam-qwik	Qwik
vadivam-lit	Lit
vadivam	Flutter (pub.dev)
vadivam-compose	Jetpack Compose (Maven Central)
vadivam-mcp	MCP 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? Vadivam icons keep their Lucide names, and one command moves a project over: npx vadivam migrate-lucide --write. See Migrate from Lucide.

Every npm package supports tree-shakeable named and per-icon imports, and the framework packages provide dynamic icon APIs for data-driven names. For plain HTML or htmx, load vadivam/elements and write <vadivam-icon name="activity">.

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