src/components/Icons/IconXSize.tsx

interface IconXSizeProps {
  selected?: boolean;
}

export default function IconXSize({ selected = false }: IconXSizeProps) {
  const imgDefault = "/assets/sizes/Property 1=Default.svg";
  const imgSelected = "/assets/sizes/Property 1=selected.svg";

  return (
    <div style={{ position: 'relative', width: '16px', height: '16px' }}>
      <div
        style={{
          position: 'absolute',
          inset: '4.17%',
          width: 'calc(100% - 8.34%)',
          height: 'calc(100% - 8.34%)'
        }}
      >
        <img
          alt="X"
          style={{ display: 'block', maxWidth: 'none', width: '100%', height: '100%' }}
          src={selected ? imgSelected : imgDefault}
        />
      </div>
    </div>
  );
}