<template>
    <svg
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512">
        <path
            d="M256 48c-79.5 0-144 61.39-144 137 0 87 96 224.87 131.25 272.49a15.77 15.77 0 0025.5 0C304 409.89 400 272.07 400 185c0-75.61-64.5-137-144-137z"
            fill="none"
            stroke="currentColor"
            stroke-linecap="round"
            stroke-linejoin="round"
            :stroke-width="strokeWidth" />
        <circle
            cx="256"
            cy="192"
            r="48"
            fill="none"
            stroke="currentColor"
            stroke-linecap="round"
            stroke-linejoin="round"
            :stroke-width="strokeWidth" />
    </svg>
</template>

<script>
export default {
    name: "LocationIcon",
    props: {
        strokeWidth: {
            type: Number,
            default: 32
        }
    }
}
</script>