Icon Animation

Create a smooth, minimalist icon animation component with the following characteristics:

## Requirements:
- Animated SVG icons with multiple animation effects
- Multiple animation variations (pulse, rotate, bounce, flip, swing, wiggle)
- Customizable speed, size and color
- Responsive design
- Dark theme with customizable colors
- Works with built-in icons or custom SVG
- Smooth easing animations

## Component Props:
- icon: 'star' | 'heart' | 'check' | 'bell' | 'lightning' | 'gear' (default: '...

'use client'

import React from 'react'

type IconType = 'star' | 'heart' | 'check' | 'bell' | 'lightning' | 'gear'
type AnimationType = 'pulse' | 'rotate' | 'bounce' | 'flip' | 'swing' | 'wiggle'

interface IconAnimationProps {
  icon?: IconType
  animation?: AnimationType
  speed?: number
  color?: string
  size?: number
}

export default function IconAnimation({
  icon = 'star',
  animation = 'pulse',
  speed = 1500,
  color = 'black',
  size = 64,
}: IconAnimationProps) {
  const iconClass =...

# Icon Animation Component - Documentation

## What is this?
A minimalist animated icon component with multiple SVG icons and animation effects. Perfect for UI enhancements, loading states, and interactive elements.

## Installation

1. Copy the component code to your project: `components/IconAnimation.tsx`
2. Import it in your page:

```typescript
import IconAnimation from '@/components/IconAnimation'
```

3. Use it:

```typescript
<IconAnimation />
```

## How to Use

### Simple pulsing star:
...