vadivam-react

Tree-shakeable 24px outline 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

Package family: SVG and JavaScript · React Native · Vue · Svelte · Solid · Angular · Astro · Preact

Issues