# Vue Icons

A comprehensive collection of Vue 3 icon components, including multiple icon sets:

- Feather Icons
- Bootstrap Icons
- Ant Design Icons
- Box Icons
- Circum Icons
- CSS.gg Icons
- Dev Icons

## Installation

```bash
npm install @obiwanpelosi/vue-icons
```

## Usage

```vue
<script setup>
import { ActivityIcon } from "@obiwanpelosi/vue-icons";
</script>

<template>
  <ActivityIcon />
</template>
```

## Available Icon Sets

### Feather Icons

```vue
import { ActivityIcon, AirplayIcon, AlertCircleIcon } from
'@obiwanpelosi/vue-icons'
```

### Bootstrap Icons

```vue
import { AlarmIcon, ArchiveIcon, ArrowLeftIcon } from '@obiwanpelosi/vue-icons'
```

### Ant Design Icons

```vue
import { AccountBookIcon, AlertIcon, ApiIcon } from '@obiwanpelosi/vue-icons'
```

### Box Icons

```vue
import { AbacusIcon, AddToQueueIcon, AdjustIcon } from '@obiwanpelosi/vue-icons'
```

### Circum Icons

```vue
import { ActivityIcon, AddIcon, AdjustIcon } from '@obiwanpelosi/vue-icons'
```

### CSS.gg Icons

```vue
import { AddIcon, AdidasIcon, AdobeIcon } from '@obiwanpelosi/vue-icons'
```

### Dev Icons

```vue
import { AngularIcon, ReactIcon, VueIcon } from '@obiwanpelosi/vue-icons'
```

## Props

All icons extend the `BaseIcon` component and accept the following props:

```typescript
interface BaseIconProps {
  size?: string | number; // Default: "1em"
  color?: string; // Default: "currentColor"
  class?: string; // Default: ""
  style?: Record<string, string | number>;
  viewBox?: string; // Default: "0 0 24 24"
}
```

## License

MIT