docs/components/icons/MapPinIcon.tsx

import type { ComponentPropsWithoutRef } from "react";

export function MapPinIcon(props: ComponentPropsWithoutRef<"svg">) {
    return (
        <svg viewBox="0 0 20 20" aria-hidden="true" {...props}>
            <path
                strokeWidth="0"
                fillRule="evenodd"
                clipRule="evenodd"
                d="M10 2.5A5.5 5.5 0 0 0 4.5 8c0 3.038 5.5 9.5 5.5 9.5s5.5-6.462 5.5-9.5A5.5 5.5 0 0 0 10 2.5Zm0 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
            />
            <path
                fill="none"
                strokeLinecap="round"
                strokeLinejoin="round"
                d="M4.5 8a5.5 5.5 0 1 1 11 0c0 3.038-5.5 9.5-5.5 9.5S4.5 11.038 4.5 8Z"
            />
            <circle cx="10" cy="8" r="1.5" fill="none" />
        </svg>
    );
}