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 // With custom sizing via className // Passing native SVG props ``` ## 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.