open-index/open-npm huggingface dataset:
npm package: @kollexeo/icons
Description: Custom icon library for Kollexeo apps
Author: Kollexeo
Latest version: 1.3.0

# @kollexeo/icons

Custom SVG icon library for Kollexeo React Native apps. Works out of the box on iOS and Android.

## Installation

```bash
npm install @kollexeo/icons react-native-svg
```

For iOS, run:

```bash
npx pod-install
```

> **Note:** No additional configuration required. Icons are pre-compiled React Native components.

## Usage

### Using the Icon component

```tsx
import { Icon } from '@kollexeo/icons';

export default function MyComponent() {
  return <Icon name="AddAddCircleIcon" size={24} color="#000000" />;
}
```

### Direct import

```tsx
import { AddAddCircleIcon } from '@kollexeo/icons';

export default function MyComponent() {
  return <AddAddCircleIcon size={24} color="#000000" />;
}
```

### Customizing stroke width

```tsx
<Icon name="AddAdd01Icon" size={32} color="#3B82F6" strokeWidth={2} />
```

## Props

| Prop          | Type       | Default          | Description           |
| ------------- | ---------- | ---------------- | --------------------- |
| `name`        | `IconName` | required         | Icon name             |
| `size`        | `number`   | `24`             | Icon size in pixels   |
| `color`       | `string`   | `'currentColor'` | Icon color            |
| `strokeWidth` | `number`   | -                | Override stroke width |

## TypeScript

Full TypeScript support with autocomplete for icon names:

```tsx
import { Icon, IconName, IconProps } from '@kollexeo/icons';

const iconName: IconName = 'AddAddCircleIcon';

<Icon name={iconName} size={24} color="red" />;
```

## Available Icons

3000+ icons organized by category:

- `Add` - Add, remove, delete icons
- `Alert` - Alert and notification icons
- `Arrow` - Arrow and direction icons
- `Media` - Play, pause, volume icons
- `Security` - Lock, shield, fingerprint icons
- `Wifi` - Wifi and connectivity icons
- ... and more

### Naming Convention

Icon names follow the pattern: `{Category}{IconName}Icon`

Examples:

- `AddAddCircleIcon`
- `ArrowArrowLeftIcon`
- `WifiWirelessIcon`
- `MediaPlayIcon`

## License

MIT