vadivam

Tree-shakeable 24px outline and solid SVG icons for JavaScript, with raw assets and metadata.

Browse icons · Core docs · Source · GitHub

npm install vadivam

import { Activity, createElement } from "vadivam";
import activitySvgUrl from "vadivam/icons/activity.svg";
import activitySvg from "vadivam/strings/activity";

const svg = createElement(Activity, { width: 20, height: 20 });

Replace elements in HTML with the DOM helper:

<i data-vadivam="activity" aria-label="Activity"></i>

import { createIcons, icons } from "vadivam";

createIcons({ icons });

• Tree-shakeable icon nodes and direct SVG asset imports
• Per-icon SVG strings, a complete SVG sprite, and an optional WOFF2 icon font
• DOM replacement with configurable attributes, roots, and templates
• Complete icon metadata from vadivam/manifest
• A codemod that moves a Lucide project to Vadivam: npx vadivam migrate-lucide --write (guide)

Every icon also has a solid twin with the same name in vadivam/solid, with its own strings, sprite, and DOM helpers, plus the vadivam/font/vadivam-solid.css icon font:

import { Activity, createElement } from "vadivam/solid";

Package family: React · React Native · Vue · Svelte · Solid · Preact · Astro · Angular · Qwik · Lit · Flutter · Compose · MCP server

Issues