type IconProps = { className?: string };

export function UserFilledIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <circle cx="10" cy="7" r="3.2" fill="white" />
      <path d="M3.5 17c0-3.5 2.9-6.2 6.5-6.2s6.5 2.7 6.5 6.2" fill="white" />
    </svg>
  );
}

export function ReceiptIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path
        d="M5 2.5h10a1 1 0 0 1 1 1v14l-2-1.3-2 1.3-2-1.3-2 1.3-2-1.3-2 1.3v-14a1 1 0 0 1 1-1Z"
        stroke="currentColor"
        strokeWidth="1.3"
        strokeLinejoin="round"
      />
      <path d="M7 7h6M7 10h6M7 13h3" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" />
    </svg>
  );
}

export function TagIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path
        d="M10.5 3H16a1 1 0 0 1 1 1v5.5a1 1 0 0 1-.3.7l-7 7a1 1 0 0 1-1.4 0l-6-6a1 1 0 0 1 0-1.4l7-7A1 1 0 0 1 10.5 3Z"
        stroke="currentColor"
        strokeWidth="1.3"
        strokeLinejoin="round"
      />
      <circle cx="13.2" cy="6.8" r="1.1" fill="currentColor" />
    </svg>
  );
}

export function BoxPlusIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="m2.5 6 7.5-3.5L17.5 6 10 9.5 2.5 6Z" stroke="currentColor" strokeWidth="1.3" strokeLinejoin="round" />
      <path d="M2.5 6v8l7.5 3.5V9.5M17.5 6v3.5" stroke="currentColor" strokeWidth="1.3" strokeLinejoin="round" />
      <path d="M14.5 12v5M12 14.5h5" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round" />
    </svg>
  );
}

export function CheckCircleIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <circle cx="10" cy="10" r="7.5" stroke="currentColor" strokeWidth="1.3" />
      <path d="m6.8 10.2 2.1 2.1 4.3-4.6" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function XCircleIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <circle cx="10" cy="10" r="7.5" stroke="currentColor" strokeWidth="1.3" />
      <path d="m7.5 7.5 5 5m0-5-5 5" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round" />
    </svg>
  );
}

export function TrashIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="M4 5.5h12M8 5.5V4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round" />
      <path d="M5.5 5.5 6.2 16a1 1 0 0 0 1 .9h5.6a1 1 0 0 0 1-.9l.7-10.5" stroke="currentColor" strokeWidth="1.3" strokeLinejoin="round" />
      <path d="M8.3 8.5v5M11.7 8.5v5" stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" />
    </svg>
  );
}

export function DashboardIcon({ className, active }: IconProps & { active?: boolean }) {
  const fill = active ? "currentColor" : "none";
  return (
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <rect x="2.5" y="2.5" width="6" height="6" rx="1.5" fill={fill} stroke="currentColor" strokeWidth="1.4" />
      <rect x="11.5" y="2.5" width="6" height="6" rx="1.5" fill={fill} stroke="currentColor" strokeWidth="1.4" />
      <rect x="2.5" y="11.5" width="6" height="6" rx="1.5" fill={fill} stroke="currentColor" strokeWidth="1.4" />
      <rect x="11.5" y="11.5" width="6" height="6" rx="1.5" fill={fill} stroke="currentColor" strokeWidth="1.4" />
    </svg>
  );
}

export function SellersIcon({ className, active }: IconProps & { active?: boolean }) {
  const fill = active ? "currentColor" : "none";
  return (
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <circle cx="13.2" cy="6.3" r="2.1" fill={fill} stroke="currentColor" strokeWidth="1.2" />
      <path
        d="M11.2 10.9c1.9.5 3.3 2.3 3.4 4.4a1 1 0 0 1-1 1.1h-1.4"
        fill={fill}
        stroke="currentColor"
        strokeWidth="1.2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <circle cx="7.4" cy="7.6" r="2.9" fill={fill} stroke="currentColor" strokeWidth="1.3" />
      <path
        d="M2 17c0-3 2.4-5.4 5.4-5.4s5.4 2.4 5.4 5.4Z"
        fill={fill}
        stroke="currentColor"
        strokeWidth="1.3"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function ProductsCameraIcon({ className, active }: IconProps & { active?: boolean }) {
  if (active) {
    return (
      <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
        <circle cx="6.3" cy="5.2" r="2.3" fill="currentColor" />
        <circle cx="10.3" cy="4.4" r="1.5" fill="currentColor" />
        <rect x="2.3" y="7.3" width="10.4" height="8.2" rx="2" fill="currentColor" />
        <rect x="12.9" y="9.3" width="4.6" height="4.2" rx="1" fill="currentColor" />
        <rect x="6.2" y="10" width="2.7" height="2.7" rx="0.6" fill="white" />
      </svg>
    );
  }
  return (
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <circle cx="6.3" cy="5.2" r="2.3" stroke="currentColor" strokeWidth="1.3" />
      <circle cx="10.3" cy="4.4" r="1.5" stroke="currentColor" strokeWidth="1.2" />
      <rect x="2.3" y="7.3" width="10.4" height="8.2" rx="2" stroke="currentColor" strokeWidth="1.3" />
      <rect x="12.9" y="9.3" width="4.6" height="4.2" rx="1" stroke="currentColor" strokeWidth="1.2" />
      <rect x="6.2" y="10" width="2.7" height="2.7" rx="0.6" stroke="currentColor" strokeWidth="1" />
    </svg>
  );
}

export function ProductsIcon({ className }: IconProps) {
  return (
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="m2.5 6 7.5-3.5L17.5 6 10 9.5 2.5 6Z" stroke="currentColor" strokeWidth="1.4" strokeLinejoin="round" />
      <path d="M2.5 6v8l7.5 3.5V9.5M17.5 6v8L10 17.5" stroke="currentColor" strokeWidth="1.4" strokeLinejoin="round" />
    </svg>
  );
}

export function CategoriesIcon({ className, active }: IconProps & { active?: boolean }) {
  const fill = active ? "currentColor" : "none";
  return (
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <rect x="2.5" y="2.5" width="6" height="6" rx="1.5" fill={fill} stroke="currentColor" strokeWidth="1.4" />
      <rect x="2.5" y="11.5" width="6" height="6" rx="1.5" fill={fill} stroke="currentColor" strokeWidth="1.4" />
      <path d="M14.5 2.5v6M11.5 5.5h6" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
      <rect x="11.5" y="11.5" width="6" height="6" rx="1.5" fill={fill} stroke="currentColor" strokeWidth="1.4" />
    </svg>
  );
}

export function QuoteIcon({ className, active }: IconProps & { active?: boolean }) {
  return (
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path
        d="M3 4.5h14a1 1 0 0 1 1 1V13a1 1 0 0 1-1 1H8.5L5 17.3V14H3a1 1 0 0 1-1-1V5.5a1 1 0 0 1 1-1Z"
        fill={active ? "currentColor" : "none"}
        stroke="currentColor"
        strokeWidth="1.4"
        strokeLinejoin="round"
      />
      <text
        x="10"
        y="11.5"
        textAnchor="middle"
        fontSize="8.5"
        fontFamily="Georgia, serif"
        fill={active ? "#1657D9" : "currentColor"}
        stroke="none"
        fontWeight="700"
      >
        &#8221;
      </text>
    </svg>
  );
}

export function TriangleDisclosureIcon({ className }: IconProps) {
  return (
    <svg width="10" height="10" viewBox="0 0 10 10" fill="none" className={className} aria-hidden="true">
      <path d="M1.5 3h7L5 8.5 1.5 3Z" fill="currentColor" />
    </svg>
  );
}

export function OffersIcon({ className, active }: IconProps & { active?: boolean }) {
  return (
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <circle cx="10" cy="10" r="7.5" fill={active ? "currentColor" : "none"} stroke="currentColor" strokeWidth="1.4" />
      <text
        x="10"
        y="13"
        textAnchor="middle"
        fontSize="7.5"
        fill={active ? "#1657D9" : "currentColor"}
        stroke="none"
        fontWeight="600"
      >
        %
      </text>
    </svg>
  );
}

export function QuestionsIcon({ className, active }: IconProps & { active?: boolean }) {
  return (
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path
        d="M4 3.5h12a2 2 0 0 1 2 2V12a2 2 0 0 1-2 2H8.8L5.5 17v-3H4a2 2 0 0 1-2-2V5.5a2 2 0 0 1 2-2Z"
        fill={active ? "currentColor" : "none"}
        stroke="currentColor"
        strokeWidth="1.4"
        strokeLinejoin="round"
      />
      <text
        x="10"
        y="10.5"
        textAnchor="middle"
        fontSize="8"
        fill={active ? "#1657D9" : "currentColor"}
        stroke="none"
        fontWeight="700"
      >
        ?
      </text>
    </svg>
  );
}

export function ChevronDownIcon({ className }: IconProps) {
  return (
    <svg width="14" height="14" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="m5 7.5 5 5 5-5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function BellIcon({ className }: IconProps) {
  return (
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path
        d="M5 8a5 5 0 0 1 10 0c0 3.4 1 4.7 1.5 5.3H3.5C4 12.7 5 11.4 5 8Z"
        stroke="currentColor"
        strokeWidth="1.4"
        strokeLinejoin="round"
      />
      <path d="M8.3 16a1.8 1.8 0 0 0 3.4 0" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
    </svg>
  );
}

export function TrendUpIcon({ className }: IconProps) {
  return (
    <svg width="14" height="14" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="M3 13.5 8.5 8l3.5 3.5L17 6" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
      <path d="M12.5 6H17v4.5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function TrendDownIcon({ className }: IconProps) {
  return (
    <svg width="14" height="14" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="M3 6.5 8.5 12l3.5-3.5L17 14" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
      <path d="M12.5 14H17V9.5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function SortIcon({ className }: IconProps) {
  return (
    <svg width="10" height="14" viewBox="0 0 10 14" fill="none" className={className} aria-hidden="true">
      <path d="M5 1 8.5 5h-7L5 1Z" fill="currentColor" opacity="0.5" />
      <path d="M5 13 1.5 9h7L5 13Z" fill="currentColor" opacity="0.5" />
    </svg>
  );
}

export function KebabIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="currentColor" className={className} aria-hidden="true">
      <circle cx="10" cy="4.5" r="1.4" />
      <circle cx="10" cy="10" r="1.4" />
      <circle cx="10" cy="15.5" r="1.4" />
    </svg>
  );
}

export function EyeViewIcon({ className }: IconProps) {
  return (
    <svg width="14" height="14" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path
        d="M1.667 10c1.364-2.744 3.98-4.583 8.333-4.583 4.354 0 6.97 1.839 8.333 4.583-1.364 2.744-3.98 4.583-8.333 4.583-4.354 0-6.97-1.839-8.333-4.583Z"
        stroke="currentColor"
        strokeWidth="1.3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <circle cx="10" cy="10" r="2.083" stroke="currentColor" strokeWidth="1.3" />
    </svg>
  );
}

export function EyeOffIcon({ className }: IconProps) {
  return (
    <svg width="14" height="14" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path
        d="M2.5 2.5l15 15M8.4 8.5a2.083 2.083 0 0 0 3 2.9M6.1 6.2C3.9 7.3 2.4 9.1 1.667 10c1.1 2.2 3.35 4.2 6.85 4.55m3.9-.75c1.75-.7 3.15-1.95 4.05-3.8-1.05-2.1-3.2-4.583-7.05-4.583-.6 0-1.15.06-1.68.17"
        stroke="currentColor"
        strokeWidth="1.3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function LensThumb({ className }: IconProps) {
  return (
    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" className={className} aria-hidden="true">
      <rect width="32" height="32" rx="8" fill="#101828" />
      <circle cx="16" cy="16" r="9" stroke="#4B5563" strokeWidth="1.4" />
      <circle cx="16" cy="16" r="5.5" stroke="#6B7280" strokeWidth="1.2" />
      <circle cx="16" cy="16" r="2.4" fill="#374151" />
      <circle cx="13" cy="13" r="1" fill="#9CA3AF" opacity="0.7" />
    </svg>
  );
}

export function SearchIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <circle cx="9" cy="9" r="6" stroke="currentColor" strokeWidth="1.4" />
      <path d="m17 17-3.5-3.5" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
    </svg>
  );
}

export function FilterIcon({ className }: IconProps) {
  return (
    <svg width="14" height="14" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="M3 4h14l-5.5 6.5V16l-3 1.5v-7L3 4Z" stroke="currentColor" strokeWidth="1.4" strokeLinejoin="round" />
    </svg>
  );
}

export function ExportIcon({ className }: IconProps) {
  return (
    <svg width="14" height="14" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="M10 12.5V2.5M10 2.5 6.5 6M10 2.5 13.5 6" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round" />
      <path d="M3.5 12.5V16a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-3.5" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
    </svg>
  );
}

export function ChevronLeftIcon({ className }: IconProps) {
  return (
    <svg width="14" height="14" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="m12.5 15-5-5 5-5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function ChevronRightIcon({ className }: IconProps) {
  return (
    <svg width="14" height="14" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="m7.5 5 5 5-5 5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function PersonXIcon({ className }: IconProps) {
  return (
    <svg width="15" height="15" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <circle cx="8" cy="6" r="3" stroke="currentColor" strokeWidth="1.4" />
      <path d="M2.5 17c0-3.3 2.5-6 5.5-6 1 0 1.9.3 2.7.8" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
      <circle cx="15" cy="14" r="3.3" stroke="currentColor" strokeWidth="1.3" />
      <path d="m13.5 12.5 3 3m0-3-3 3" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round" />
    </svg>
  );
}

export function PersonCheckIcon({ className }: IconProps) {
  return (
    <svg width="15" height="15" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <circle cx="8" cy="6" r="3" stroke="currentColor" strokeWidth="1.4" />
      <path d="M2.5 17c0-3.3 2.5-6 5.5-6 1 0 1.9.3 2.7.8" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
      <circle cx="15" cy="14" r="3.3" stroke="currentColor" strokeWidth="1.3" />
      <path d="m13.3 14 1.1 1.1 2.1-2.3" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function DocumentIcon({ className }: IconProps) {
  return (
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path
        d="M5 2.5h6.5L16 7v9.5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-13a1 1 0 0 1 1-1Z"
        stroke="currentColor"
        strokeWidth="1.3"
        strokeLinejoin="round"
      />
      <path d="M11.5 2.5V7H16" stroke="currentColor" strokeWidth="1.3" strokeLinejoin="round" />
    </svg>
  );
}

export function ArrowLeftIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="M16 10H4M4 10 9 5M4 10l5 5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function PowerIcon({ className }: IconProps) {
  return (
    <svg width="15" height="15" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="M10 2.5v7" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
      <path d="M14.5 5a7 7 0 1 1-9 0" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
    </svg>
  );
}

export function CloseXIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="m5 5 10 10M15 5 5 15" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
    </svg>
  );
}

export function TruckIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <rect x="1.5" y="6" width="9.5" height="7.5" rx="1" fill="currentColor" />
      <path d="M11 8.5h3.2l2.3 2.6v2.4h-5.5V8.5Z" fill="currentColor" />
      <circle cx="5" cy="15" r="1.4" fill="currentColor" />
      <circle cx="14" cy="15" r="1.4" fill="currentColor" />
    </svg>
  );
}

export function BookmarkIcon({ className, active }: IconProps & { active?: boolean }) {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <rect
        x="2"
        y="2"
        width="16"
        height="16"
        rx="4.5"
        fill={active ? "currentColor" : "none"}
        stroke="currentColor"
        strokeWidth="1.4"
      />
      <path
        d="M7.6 6h4.8a0.9 0.9 0 0 1 0.9 0.9V14l-3.3-1.9-3.3 1.9V6.9a0.9 0.9 0 0 1 0.9-0.9Z"
        fill={active ? "#1657D9" : "none"}
        stroke={active ? "#1657D9" : "currentColor"}
        strokeWidth="1.1"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function PlusCircleIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <circle cx="10" cy="10" r="7.5" stroke="currentColor" strokeWidth="1.4" />
      <path d="M10 6.5v7M6.5 10h7" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
    </svg>
  );
}

export function ExportArrowIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="M15 7a6 6 0 1 1-4.5-3.8" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
      <path d="M10 2.5v9.5M10 2.5 7.3 5.2M10 2.5l2.7 2.7" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function UploadIcon({ className }: IconProps) {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path d="M10 13V3M10 3 6.5 6.5M10 3l3.5 3.5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
      <path d="M3.5 13v2a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-2" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}

export function PencilIcon({ className }: IconProps) {
  return (
    <svg width="16" height="16" viewBox="0 0 20 20" fill="none" className={className} aria-hidden="true">
      <path
        d="M12.6 3.4a1.5 1.5 0 0 1 2.1 0l1.9 1.9a1.5 1.5 0 0 1 0 2.1l-8.6 8.6-4.5 1.1 1.1-4.5 8-8Z"
        stroke="currentColor"
        strokeWidth="1.3"
        strokeLinejoin="round"
      />
      <path d="m11.3 4.7 3.9 3.9" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round" />
    </svg>
  );
}
