import { FC } from 'react';

interface IconPinProps {
    className?: string;
    fill?: boolean;
}

const IconPin: FC<IconPinProps> = ({ className, fill = false }) => {
    return (
        <svg
            width="16"
            height="16"
            viewBox="0 0 24 24"
            fill={fill ? "currentColor" : "none"}
            stroke="currentColor"
            strokeWidth="1.8"
            strokeLinecap="round"
            strokeLinejoin="round"
            className={className}
        >
            <line x1="12" y1="17" x2="12" y2="22" />
            <path d="M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.89A2 2 0 0 1 15 10.77V6a3 3 0 0 0-6 0v4.77a2 2 0 0 1-1.11 1.79l-1.78.89A2 2 0 0 0 5 15.24Z" />
        </svg>
    );
};

export default IconPin;