import React from 'react';

import type { IconProps } from './iconProps';

export const TargetIcon = ({
  width = 20,
  height = 20,
  viewBox = '0 0 20 20',
  role = 'image',
  ref,
  ...rest
}: IconProps) => (
  <svg
    ref={ref}
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    width={width}
    height={height}
    viewBox={viewBox}
    role={role}
    {...rest}
  >
    <path
      d="M15.3373 7.57353C15.7791 8.45141 16.0279 9.44299 16.0279 10.4926C16.0279 14.086 13.1121 16.9991 9.51516 16.9991C5.91827 16.9991 3.0024 14.086 3.0024 10.4926C3.0024 6.89922 5.91827 3.98619 9.51516 3.98619C10.5586 3.98619 11.5447 4.23132 12.4189 4.66708L12.7222 3.15196C11.7402 2.72314 10.6555 2.48524 9.51516 2.48524C5.08851 2.48524 1.5 6.07027 1.5 10.4926C1.5 14.915 5.08851 18.5 9.51516 18.5C13.9418 18.5 17.5303 14.915 17.5303 10.4926C17.5303 9.3463 17.2892 8.25624 16.8549 7.2703L15.3373 7.57353Z"
      fill="currentColor"
    />
    <path
      d="M12.2463 10.2239L13.4917 8.97973C13.6647 9.44275 13.7594 9.944 13.7594 10.4673C13.7594 12.816 11.8535 14.72 9.50255 14.72C7.15158 14.72 5.24574 12.816 5.24574 10.4673C5.24574 8.11863 7.15158 6.21464 9.50255 6.21464C10.038 6.21464 10.5504 6.31341 11.0224 6.49371L9.78505 7.72988C9.69217 7.72043 9.59793 7.71558 9.50255 7.71558C7.98134 7.71558 6.74814 8.94758 6.74814 10.4673C6.74814 11.9871 7.98134 13.2191 9.50255 13.2191C11.0238 13.2191 12.257 11.9871 12.257 10.4673C12.257 10.3853 12.2534 10.3041 12.2463 10.2239Z"
      fill="currentColor"
    />
    <path
      d="M13.8235 3.23432L13.354 5.57967L9.47566 9.45425C8.93244 9.47684 8.49899 9.92393 8.49899 10.4722C8.49899 11.0348 8.95557 11.491 9.5188 11.491C10.0673 11.491 10.5147 11.0583 10.5377 10.5159L14.4164 6.641L16.764 6.17193C16.8609 6.15256 16.95 6.10495 17.0199 6.0351L18.3523 4.70398C18.6678 4.3888 18.4444 3.84989 17.9982 3.84989H16.1895C16.1829 3.84271 16.1761 3.83563 16.1691 3.82866C16.1621 3.82168 16.155 3.81487 16.1478 3.80823V2.00132C16.1478 1.55558 15.6084 1.33236 15.2929 1.64754L13.9605 2.97866C13.8906 3.04851 13.8429 3.13746 13.8235 3.23432Z"
      fill="currentColor"
    />
  </svg>
);
