Renders a 24×24 SVG icon representing the X (formerly Twitter) logo, accepting standard SVG props for flexible styling. ## Key Components ### `XLogo` **@deprecated** — Use icons from `icons-v2-generated` instead. A React functional component that renders the X social media logo as an inline SVG. | Prop | Type | Default | Description | |---|---|---|---| | `className` | `string` | `''` | CSS class applied to the `` element | | `color` | `string` | `'white'` | Fill color for both SVG paths | | `...props` | `React.SVGProps` | — | Any valid SVG attribute (e.g. `onClick`, `aria-label`) | ## Usage Example ```typescript import { XLogo } from './x-logo'; // Default white icon // Custom color and size override via SVG props // With accessibility label ``` > **Migration note:** This component is deprecated. Replace usages with the equivalent export from `icons-v2-generated`: > ```typescript > // Preferred > import { XIcon } from '@/icons-v2-generated'; > ``` ## Source [`x-logo.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/x-logo.tsx)