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 // Custom size with class ``` ## 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.