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` (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 // Custom size // With CSS class // With additional SVG props ```