vadivam-lit

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

Browse icons · Lit docs · Source · GitHub

npm install vadivam-lit

import { html } from "lit";
import { Activity } from "vadivam-lit";

html`<button>${Activity({ size: 20, label: "Activity" })}</button>`;

• Static svg templates that render on the client, in shadow roots, and with Lit SSR
• Size, color, stroke width, and accessible labels
• Tree-shakeable named and per-icon imports, plus a typed dynamic icon API

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

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

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

Issues