<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M11.49 21.814C10.591 14.623 15.99 7.5 24.002 7.5c3.967 0 7.311 1.978 9.579 4.812 2.286 2.858 3.368 6.452 2.936 9.476-.205 1.432-1.066 3.34-2.401 5.502-1.311 2.125-2.985 4.35-4.65 6.385a111 111 0 0 1-5.502 6.21 86.644 86.644 0 0 1-5.44-5.853c-1.66-1.965-3.325-4.15-4.629-6.308-1.32-2.183-2.194-4.22-2.405-5.91M25.063 43.06 24.002 42l-1.018 1.102h-.001l-.002-.003-.009-.008-.03-.028a39 39 0 0 1-.54-.513 89.682 89.682 0 0 1-6.171-6.583c-1.717-2.034-3.489-4.35-4.904-6.691-1.4-2.317-2.525-4.78-2.814-7.09C7.412 13.377 14.014 4.5 24.002 4.5c5.032 0 9.188 2.522 11.921 5.938 2.714 3.392 4.132 7.798 3.564 11.774-.296 2.068-1.434 4.41-2.818 6.654-1.408 2.281-3.172 4.62-4.881 6.709a114 114 0 0 1-6.571 7.33l-.114.114-.03.03-.007.008zM24.002 42l1.06 1.06a1.5 1.5 0 0 1-2.078.042zm-8.925-25.383A1 1 0 0 1 16 16h16a1 1 0 0 1 .708 1.707l-8 8a1 1 0 0 1-1.415 0l-8-8a1 1 0 0 1-.216-1.09"/></svg></template>
<script setup lang="ts">
/**
 * StoreLocationBm48 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
