<!-- source-hash: 1788aa9b91806ff9135f0ae3039660b6 -->
A React SVG icon component that renders the Elestio logo as a scalable vector graphic with multi-color gradient fills.

## Key Components

### `ElestioLogoIconProps`
Extends `SVGProps<SVGSVGElement>` (omitting `width` and `height`) with:

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `className` | `string` | `""` | CSS class name |
| `size` | `number` | `24` | Width and height in pixels |
| `color` | `string` | `"currentColor"` | Base color (used for inheritance) |

### `ElestioLogoIcon`
Renders the Elestio brand logo using a masked SVG with six gradient-filled path segments:
- **Red segment** — solid `#A91A1F` fill
- **Orange gradient** — `#EC5A22` → `#F5A11A`
- **Dark red gradient** — `#BF161C` → `#E81C24`
- **Purple gradient** — `#8C278A` → `#A567A5`
- **Yellow gradient** — `#F28E1E` → `#FFC605`
- **Blue gradient** — `#00A9EA` → `#6DCAF1`

## Usage Example

```typescript
import { ElestioLogoIcon } from "./elestio-logo-icon";

// Default usage
<ElestioLogoIcon />

// Custom size
<ElestioLogoIcon size={48} />

// With CSS class
<ElestioLogoIcon size={32} className="my-icon" />

// With additional SVG props
<ElestioLogoIcon size={64} aria-label="Elestio" role="img" />
```