vadivam-react

Tree-shakeable 24px outline and solid SVG icons for React.

Browse icons · React docs · Source · GitHub

npm install vadivam-react

import { Activity } from "vadivam-react";

export function Example() {
  return <Activity size={20} color="currentColor" strokeWidth={2} />;
}

Apply shared defaults with the provider:

import { Activity, VadivamProvider } from "vadivam-react";

<VadivamProvider size={20} color="navy" strokeWidth={1.5}>
  <Activity />
</VadivamProvider>;

Use the dynamic API only for names stored in external data:

import { DynamicIcon, iconNames } from "vadivam-react/dynamic";

<DynamicIcon name="activity" />;

• Native SVG properties, accessible titles, refs, and children
• Tree-shakeable named, aliased, and per-icon imports
• Provider, generic-node, and typed dynamic APIs

Every icon also has a solid twin with the same name in vadivam-react/solid. Solid icons fill their shapes with color and take no stroke props:

import { Activity } from "vadivam-react/solid";

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

Issues