export function EndpointIcon({ className }: { className?: string }) {
  return (
    <svg
      className={className}
      viewBox="0 0 24 24"
      fill="currentColor"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M8.24336 5.11182C8.75159 4.60359 9.57559 4.60359 10.0838 5.11182L18.8882 13.9162C19.3964 14.4244 19.3964 15.2484 18.8882 15.7566L17.1469 17.4979C16.453 18.2196 15.6222 18.7956 14.7031 19.1922C13.7839 19.5889 12.7949 19.7982 11.7939 19.8081C10.7929 19.8179 9.79992 19.628 8.87318 19.2494C7.94643 18.8708 7.10449 18.3113 6.39662 17.6034C5.68875 16.8955 5.12916 16.0536 4.7506 15.1268C4.37205 14.2001 4.18212 13.2071 4.19194 12.2061C4.20176 11.2051 4.41112 10.2161 4.80779 9.29691C5.20445 8.37777 5.78044 7.54697 6.50206 6.85312L8.24336 5.11182Z"
        fill="currentColor"
      />
      <path
        d="M3.32398 20.676L7.11974 16.8803"
        stroke="currentColor"
        strokeWidth="2.16549"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M15.2535 3.32398L11.4578 7.11974"
        stroke="currentColor"
        strokeWidth="2.16549"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M20.676 8.74649L16.8803 12.5423"
        stroke="currentColor"
        strokeWidth="2.16549"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}
