A React SVG component that renders the X (formerly Twitter) logo with customizable styling and props.
## Key Components
- **`XLogo`** - Main component that renders the X logo as an inline SVG
- **`XLogoProps`** - TypeScript interface extending standard SVG props with optional className
## Usage Example
```typescript
import { XLogo } from './x-logo';
// Basic usage
// With custom styling
// With additional SVG props
window.open('https://x.com/username')}
/>
// In a link wrapper
```
The component uses a default size of 24x24 pixels with white fill (`#FAFAFA`), but all properties can be overridden through standard SVG props. The logo features the characteristic X design with diagonal crossed lines.