<!-- source-hash: c568e373a2b482ab8ad55552eb4079d7 -->
Renders the official Elestio brand logo as an inline SVG React component, using `React.useId()` to generate unique gradient and mask IDs that prevent collisions when the component is rendered multiple times on the same page.

## Key Components

- **`ElestioLogo`** *(deprecated)* — SVG React component accepting standard `SVGSVGElement` props plus an optional `className`. Renders a 25×24px multi-color Elestio logo with five linear gradient segments (orange, red, purple, yellow, blue) composited via an alpha mask.

## Usage Example

```typescript
import { ElestioLogo } from './elestio-logo';

// Basic usage
<ElestioLogo />

// With custom sizing via className
<ElestioLogo className="w-8 h-8 shrink-0" />

// Passing native SVG props
<ElestioLogo aria-label="Elestio" role="img" />
```

## Notes

> ⚠️ **Deprecated** — This component is marked `@deprecated`. Use the equivalent icon from `icons-v2-generated` instead.

The unique ID suffix (via `React.useId()`) is applied to all `linearGradient` and `mask` elements, preventing the common SVG bug where duplicate `id` attributes across multiple instances cause gradients and clip-paths to reference the wrong definition.