import * as React from 'react';
import PropTypes from 'prop-types';
import Icon40PropValues from '../_defaultIconPropValues.ts';

const MapPin = (props) => {
    const {
        width = Icon40PropValues.width,
        height = Icon40PropValues.height,
        fill = Icon40PropValues.fill,
        stroke = Icon40PropValues.stroke,
        ...restProps
    } = props;

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M12 23a.74.74 0 0 1-.61-.325l-6.335-9.51A8.09 8.09 0 0 1 5.03 5.03c2.235-3.84 7.175-5.15 11.015-2.92a8 8 0 0 1 3.74 4.9 8 8 0 0 1-.82 6.11l-.025.04-6.335 9.51a.73.73 0 0 1-.61.325zm.01-20.51a6.588 6.588 0 0 0-5.71 9.9l5.7 8.555 5.71-8.575a6.55 6.55 0 0 0 .66-4.98 6.56 6.56 0 0 0-3.06-4.01 6.55 6.55 0 0 0-3.3-.89Z"
            />
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M12 12.745A3.67 3.67 0 0 1 8.335 9.08 3.67 3.67 0 0 1 12 5.415a3.67 3.67 0 0 1 3.665 3.665A3.67 3.67 0 0 1 12 12.745Zm0-5.865a2.2 2.2 0 1 0 0 4.4 2.2 2.2 0 0 0 0-4.4Z"
            />
        </svg>
    );
};

MapPin.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    fill: PropTypes.string,
    stroke: PropTypes.string,
};
export default MapPin;