open-index/open-npm huggingface dataset:
npm package: @il-ui/icons
Description: Official icons for IndoUI
Latest version: 0.0.2

# @il-ui/icons

Modern, customizable SVG icon library from IndoUI.

## Installation

```bash
npm install @il-ui/icons
```

## Basic Usage

Import any icon component and use it directly in your React application.

```tsx
import { SearchIcon } from "@il-ui/icons"

function App() {
  return <SearchIcon size={24} color="currentColor" strokeWidth={2} />
}
```

## Icon Props

Every icon supports the following props for full customization.

| Prop | Type | Default | Description |
| :--- | :--- | :--- | :--- |
| `size` | `number \| string` | `24` | The width and height of the icon. |
| `color` | `string` | `"currentColor"` | The stroke color of the icon. |
| `strokeWidth` | `number \| string` | `2` | The thickness of the icon lines. |
| `className` | `string` | `""` | Optional CSS classes for additional styling. |

## Multiple Icons Example

You can import multiple icons in a single statement to keep your code clean.

```tsx
import { SearchIcon, UserIcon, SettingsIcon, HeartIcon } from "@il-ui/icons"
```

## Why Use @il-ui/icons

*   **Lightweight and tree-shakable**: Only include the icons you actually use in your bundle.
*   **Fully customizable**: Easily adjust size, color, and stroke thickness via props.
*   **Modern environment support**: Works seamlessly with React, Next.js, and Vite.
*   **Consistent design**: All icons follow a unified modern design language.
*   **IndoUI Ecosystem**: First-class integration with the IndoUI design system.

## IndoUI Branding

This icon library is part of the IndoUI design system. It is designed to provide a cohesive visual identity across all IndoUI projects.

Explore the full suite of components at [ui.indolike.com](https://ui.indolike.com).