@yantrakit/vedic-icons

A pure CSS, class-based icon library inspired by Indian art, culture, and sacred geometry.

Documentation & Examples | GitHub | npm

Installation

npm install @yantrakit/vedic-icons
# or
yarn add @yantrakit/vedic-icons
# or
pnpm add @yantrakit/vedic-icons

Setup

Import the CSS in your project:

// In your entry file (e.g., app.tsx, main.ts, layout.tsx)
import '@yantrakit/vedic-icons';

Or via a link tag:

<link rel="stylesheet" href="node_modules/@yantrakit/vedic-icons/dist/vedic-icons.css" />

Usage

<!-- Solid style -->
<i class="vi vi-solid vi-diya"></i>

<!-- Outlined style -->
<i class="vi vi-outlined vi-diya"></i>

<!-- With Tailwind classes for size and color -->
<i class="vi vi-solid vi-diya text-3xl text-red-500"></i>

How It Works

Vedic Icons is a CSS icon font. Include the CSS, add the classes, done. No JavaScript required.

1. vi — base class (required)
2. vi-solid or vi-outlined — style (required)
3. vi-{name} — icon name (required)

Size, color, rotation, and animation come from your own CSS framework (Tailwind, Bootstrap, etc.).

Contributing

Found a bug or have a feature request? Open an issue.

Credits

Most icon designs in this library are sourced from Flaticon.com.

License

MIT