Nava Icons

Getting Started

Nava Icons provides SVG icons as framework-agnostic components with full TypeScript support.

Features

  • SVG Source of Truth — Icons generated from SVG files
  • Framework Agnostic — React, Vue, Angular, Web Components
  • Tree Shaking — Import only what you use
  • Global Configuration — Set default icon props once, inherit everywhere
  • Dual API — Static imports and dynamic runtime API
  • TypeScript — Full type safety with autocomplete
  • ESM + CJS — Works everywhere

Architecture

assets/svg/*.svg          → Source of truth
    ↓ scripts/src/index.ts     → Code generator
    ↓ packages/*/src/icons/    → Generated components
    ↓ tsup (build)             → dist/ (ESM + CJS + .d.ts)