<!-- source-hash: 01a39135f32e0bdd50fe501fccc4f93b -->
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
<XLogo />

// With custom styling
<XLogo className="w-6 h-6 text-blue-500" />

// With additional SVG props
<XLogo 
  className="hover:opacity-80" 
  width={32} 
  height={32}
  onClick={() => window.open('https://x.com/username')}
/>

// In a link wrapper
<a href="https://x.com" target="_blank">
  <XLogo className="transition-colors hover:fill-blue-400" />
</a>
```

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.