vadivam-angular

Tree-shakeable 24px outline and solid SVG icon directives for Angular.

Browse icons · Angular docs · Source · GitHub

npm install vadivam-angular

import { Component } from "@angular/core";
import { Activity } from "vadivam-angular";

@Component({
  imports: [Activity],
  template: '<svg vadivamActivity size="20" color="navy"></svg>',
})
export class Example {}

• Native SVG attributes plus size, color, stroke width, and accessible titles
• Tree-shakeable named and per-icon imports
• Static directives and typed dynamic icon APIs

Every icon also has a solid twin in vadivam-angular/solid. Solid directives have the same class names, with Solid in their selectors:

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

// <svg vadivamSolidActivity></svg>

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

Issues