const MapIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="16"
      height="16"
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <mask
        id="mask0_9870_3753"
        style={{ maskType: "luminance" }}
        maskUnits="userSpaceOnUse"
        x="0"
        y="0"
        width="17"
        height="16"
      >
        <path
          d="M0.00195312 9.53674e-07H16.002V16H0.00195312V9.53674e-07Z"
          fill="currentColor"
        />
      </mask>
      <g mask="url(#mask0_9870_3753)">
        <path
          d="M2.85675 9.68894L0.878906 10.9399L8.00194 15.4453L15.125 10.9399L13.1472 9.68894"
          stroke="currentColor"
          strokeWidth="0.685714"
          strokeMiterlimit="10"
        />
        <path
          d="M10.7063 7.00509L8.00045 9.71094L5.29461 7.00509C3.80023 5.51072 3.80023 3.08781 5.29461 1.59344C6.78898 0.0990321 9.21189 0.0990321 10.7063 1.59344C12.2007 3.08781 12.2007 5.51072 10.7063 7.00509Z"
          stroke="currentColor"
          strokeWidth="0.685714"
          strokeMiterlimit="10"
        />
        <path
          d="M4.61412 6.07741L0.878906 8.43997L8.00194 12.9453L15.125 8.43997L11.3897 6.07741"
          stroke="currentColor"
          strokeWidth="0.685714"
          strokeMiterlimit="10"
        />
        <path
          d="M8.00045 6.25C6.92433 6.25 6.04883 5.3745 6.04883 4.29838C6.04883 3.22225 6.92433 2.34675 8.00045 2.34675C9.07658 2.34675 9.95208 3.22225 9.95208 4.29838C9.95208 5.3745 9.07658 6.25 8.00045 6.25Z"
          stroke="currentColor"
          strokeWidth="0.685714"
          strokeMiterlimit="10"
        />
      </g>
    </svg>
  );
};

export { MapIcon };