<!-- source-hash: 36d5357d0925c48782d5d7f3ed3122f0 -->
A deprecated SVG icon component rendering a circular "X" (close/dismiss) symbol.

## Key Components

### `XIcon`
A React functional component that renders an inline SVG with a circle outline and an X mark inside it.

> ⚠️ **Deprecated:** Use icons from `icons-v2-generated` instead.

**Props (`XIconProps`):**

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `color` | `string` | `'white'` | Accepted but not applied to SVG paths (paths use hardcoded `#FAFAFA`) |
| `width` | `number` | `16` | SVG width in pixels |
| `height` | `number` | `16` | SVG height in pixels |
| `className` | `string` | `''` | Additional CSS classes for the SVG element |

## Usage Example

```typescript
import { XIcon } from './x-icon';

// Basic usage
<XIcon />

// Custom size with class
<XIcon width={24} height={24} className="close-button-icon" />
```

## Notes

- The `color` prop is accepted but does **not** affect rendering — both SVG paths are hardcoded to `#FAFAFA`. Pass `className` and use CSS `fill` overrides if color customization is needed.
- For new code, prefer the replacement icons from the `icons-v2-generated` package.