vadivam

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

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

Issues