tscircuit/ti

system-block-ui/src/components/Icons.tsx

import type { SVGProps } from "react";

type IconProps = SVGProps<SVGSVGElement>;

const Icon = ({ children, ...props }: IconProps) => (
  <svg
    aria-hidden="true"
    fill="none"
    height="18"
    viewBox="0 0 24 24"
    width="18"
    {...props}
  >
    {children}
  </svg>
);

export const CircuitIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="M5 5h4m6 0h4M5 19h4m6 0h4M5 5v14m14-14v14M9 5v5h6V5m-6 14v-5h6v5"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.8"
    />
    <circle cx="5" cy="5" fill="currentColor" r="1.5" />
    <circle cx="19" cy="5" fill="currentColor" r="1.5" />
    <circle cx="5" cy="19" fill="currentColor" r="1.5" />
    <circle cx="19" cy="19" fill="currentColor" r="1.5" />
  </Icon>
);

export const SearchIcon = (props: IconProps) => (
  <Icon {...props}>
    <circle cx="11" cy="11" r="6.5" stroke="currentColor" strokeWidth="1.8" />
    <path
      d="m16 16 4 4"
      stroke="currentColor"
      strokeLinecap="round"
      strokeWidth="1.8"
    />
  </Icon>
);

export const CodeIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="m8.5 7-5 5 5 5M15.5 7l5 5-5 5M13.5 4l-3 16"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.8"
    />
  </Icon>
);

export const HammerIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.8"
    />
    <path
      d="m18 15 4-4"
      stroke="currentColor"
      strokeLinecap="round"
      strokeWidth="1.8"
    />
    <path
      d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.8"
    />
  </Icon>
);

export const PdfIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="M6 2h8l4 4v16H6V2Z"
      stroke="currentColor"
      strokeLinejoin="round"
      strokeWidth="1.8"
    />
    <path
      d="M14 2v5h5M9 12h6M9 16h4"
      stroke="currentColor"
      strokeLinecap="round"
      strokeWidth="1.8"
    />
  </Icon>
);

export const DownloadIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="M12 3v12m0 0 4.5-4.5M12 15l-4.5-4.5M5 20h14"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.8"
    />
  </Icon>
);

export const ArchiveIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="M4 7h16v14H4V7Zm-1-4h18v4H3V3Zm6 8h6"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.8"
    />
  </Icon>
);

export const ChevronDownIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="m7 9.5 5 5 5-5"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.8"
    />
  </Icon>
);

export const ResetIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="M4 8V3m0 0h5M4 3l4 4a8 8 0 1 1-2.1 8"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.8"
    />
  </Icon>
);

export const FitIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="M9 4H4v5m11-5h5v5M9 20H4v-5m11 5h5v-5"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.8"
    />
  </Icon>
);

export const PlusIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="M12 5v14M5 12h14"
      stroke="currentColor"
      strokeLinecap="round"
      strokeWidth="1.8"
    />
  </Icon>
);

export const GearIcon = (props: IconProps) => (
  <Icon {...props}>
    <path
      d="M10.3 3.3c.4-1.7 3-1.7 3.4 0a1.75 1.75 0 0 0 2.6 1.1c1.5-.9 3.3.9 2.4 2.4a1.75 1.75 0 0 0 1.1 2.6c1.7.4 1.7 3 0 3.4a1.75 1.75 0 0 0-1.1 2.6c.9 1.5-.9 3.3-2.4 2.4a1.75 1.75 0 0 0-2.6 1.1c-.4 1.7-3 1.7-3.4 0a1.75 1.75 0 0 0-2.6-1.1c-1.5.9-3.3-.9-2.4-2.4a1.75 1.75 0 0 0-1.1-2.6c-1.7-.4-1.7-3 0-3.4a1.75 1.75 0 0 0 1.1-2.6c-.9-1.5.9-3.3 2.4-2.4a1.75 1.75 0 0 0 2.6-1.1Z"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.6"
    />
    <circle cx="12" cy="12" r="2.6" stroke="currentColor" strokeWidth="1.6" />
  </Icon>
);