Renders the Flamingo brand logo as a scalable SVG icon React component, supporting customizable size, color, and standard SVG props. ## Key Components ### `FlamingoLogoIconProps` Extends `SVGProps` (excluding `width` and `height`) with: | Prop | Type | Default | Description | |------|------|---------|-------------| | `className` | `string` | `""` | CSS class for the SVG element | | `size` | `number` | `24` | Width and height in pixels | | `color` | `string` | `"currentColor"` | Fill color for all SVG paths | ### `FlamingoLogoIcon` Functional React component rendering the full Flamingo wordmark (flamingo bird + "flamingo" logotype) in a `416×120` viewBox, scaled uniformly via the `size` prop. ## Usage Example ```typescript import { FlamingoLogoIcon } from "./flamingo-logo-icon"; // Default usage (24px, inherits text color) // Custom size and color // With Tailwind CSS class // Pass-through SVG props ``` > **Note:** The `viewBox` is fixed at `0 0 416 120` (a wide, horizontal lockup). The `size` prop controls the rendered pixel dimensions uniformly, so the output will appear letterboxed. For layout-filling use cases, omit `size` and control dimensions via `className` with explicit `w-` / `h-` utilities.