import type { ComponentPropsWithoutRef, FC } from 'react'

type Props = ComponentPropsWithoutRef<'svg'>

export const GotoIcon: FC<Props> = (props) => {
  return (
    <svg
      role="img"
      aria-label="Goto"
      width={24}
      height={24}
      viewBox="0 0 24 24"
      fill="none"
      {...props}
    >
      <path
        d="M20.7643 3.64185C20.8009 3.73028 20.8212 3.82725 20.8212 3.92894L20.8212 9.58579C20.8212 10 20.4854 10.3358 20.0712 10.3358C19.6569 10.3358 19.3212 10 19.3212 9.58579L19.3212 5.7396L11.4091 13.6517C11.1162 13.9446 10.6413 13.9446 10.3484 13.6517C10.0555 13.3588 10.0555 12.8839 10.3484 12.591L18.2605 4.67894H14.4143C14.0001 4.67894 13.6643 4.34315 13.6643 3.92894C13.6643 3.51473 14.0001 3.17894 14.4143 3.17894L20.0712 3.17894C20.2783 3.17894 20.4658 3.26289 20.6015 3.39861C20.6734 3.47052 20.7277 3.55339 20.7643 3.64185Z"
        fill="currentColor"
      />
      <path
        d="M7.87357 4.81282C8.16646 5.10572 8.16646 5.58059 7.87357 5.87348L2.21671 11.5303C1.98229 11.7648 1.8506 12.0827 1.8506 12.4142C1.8506 12.7457 1.98229 13.0637 2.21671 13.2981L10.702 21.7834C10.9364 22.0178 11.2544 22.1495 11.5859 22.1495C11.9174 22.1495 12.2353 22.0178 12.4698 21.7834L18.1266 16.1265C18.4195 15.8336 18.8944 15.8336 19.1873 16.1265C19.4802 16.4194 19.4802 16.8943 19.1873 17.1872L13.5304 22.844C13.0147 23.3598 12.3152 23.6495 11.5859 23.6495C10.8565 23.6495 10.1571 23.3598 9.64134 22.844L1.15605 14.3588C0.640329 13.843 0.350599 13.1436 0.3506 12.4142C0.350599 11.6849 0.64033 10.9854 1.15605 10.4697L6.81291 4.81282C7.1058 4.51993 7.58068 4.51993 7.87357 4.81282Z"
        fill="currentColor"
      />
    </svg>
  )
}
