A React component that renders an X (close/cancel) icon as an SVG with customizable dimensions and styling. ## Key Components - **XIcon**: Main functional component that renders the X icon - **XIconProps**: TypeScript interface defining component props - `width`: Icon width in pixels (default: 16) - `height`: Icon height in pixels (default: 16) - `className`: CSS class string for styling ## Usage Example ```typescript import { XIcon } from './x-icon'; // Default size (16x16) // Custom size // With custom styling // As a close button ``` The icon features a circular background with an X symbol in the center, using a light fill color (#FAFAFA). The SVG maintains proper aspect ratio and scales cleanly at different sizes.