import React from "react";

import type { Props } from "./types";

export const TargetIcon: React.FC<Props> = ({
  width = "24",
  height = "24",
  className,
  color = "black",
}) => (
  <svg width={width} height={height} className={className} color={color} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" xlinkHref="http://www.w3.org/1999/xlink">
    <rect width="16" height="16" fill="url(#pattern0)"/>
    <defs>
      <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
        <use xlinkHref="#image0_2094_50417" transform="scale(0.01)"/>
      </pattern>
      <image id="image0_2094_50417" width="100" height="100" xlinkHref="data:image/png;base64,[encoded data, 4468 characters]"/>
    </defs>
  </svg>
);