import { Svg, Path } from "react-native-svg";
import { SVGIconProps } from "../types";

const IconMapPin = ({ size, style, ...props }: SVGIconProps) => (
  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
    <Path
      fill="currentColor"
      fillRule="evenodd"
      d="M4 10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10C20 13.055 18.499 15.7081 16.684 17.7932C14.9133 19.8276 12.9196 21.2322 12 21.8254C11.0804 21.2322 9.08673 19.8276 7.31595 17.7932C5.50105 15.7081 4 13.055 4 10ZM12 0C6.47715 0 2 4.47715 2 10C2 13.7276 3.82772 16.8319 5.80737 19.1063C7.79199 21.3864 10.0095 22.9267 10.9819 23.5485C11.6072 23.9484 12.3928 23.9484 13.0181 23.5485C13.9905 22.9267 16.208 21.3864 18.1926 19.1063C20.1723 16.8319 22 13.7276 22 10C22 4.47715 17.5228 0 12 0ZM9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10C15 11.6569 13.6569 13 12 13C10.3431 13 9 11.6569 9 10ZM12 5C9.23858 5 7 7.23858 7 10C7 12.7614 9.23858 15 12 15C14.7614 15 17 12.7614 17 10C17 7.23858 14.7614 5 12 5Z"
      clipRule="evenodd"
    />
  </Svg>
);

export default IconMapPin;