open-index/open-npm huggingface dataset:
npm package: @iguanads/icons
Description: Iguana Design System - Icons - by Bento
Latest version: 1.12.0

# Iguana DS Bento - Icons

Icon library for the Iguana Design System. SVG icons converted into React components via SVGR.

## Installation

```bash
pnpm add @iguanads/icons
```

## Categories

The library organizes icons into 4 categories:

- `@iguanads/icons/one-color` — monochrome icons
- `@iguanads/icons/two-colors` — two-color icons
- `@iguanads/icons/filled` — filled icons
- `@iguanads/icons/social-media` — social media icons

## Usage

```tsx
import { Add } from '@iguanads/icons/one-color'

<Add />
```

Customize size (32px):

```tsx
import { Add } from '@iguanads/icons/one-color'

<Add className="size-8" />
```

Customize color:

```tsx
import { Add } from '@iguanads/icons/one-color'

<Add className="text-pink-base" />
```

Change second color (two-color icons):

```tsx
import { Money } from '@iguanads/icons/two-colors'

<Money className="*:fill-grayscale-white" />
```

## Adding new icons

1. Add the SVG file to the `src/assets/{ICON_TYPE}/` folder
2. Run `pnpm build:icons` to generate React components
3. Run `pnpm build` to compile

## Commands

### Development

```bash
pnpm dev
```

### Build

```bash
pnpm build
```

### Generate icons from SVGs

```bash
pnpm build:icons
```