<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M12.708 21.707 12 21l-.678.735-.002-.002-.005-.004-.015-.015-.058-.054-.215-.205a45.07 45.07 0 0 1-3.103-3.31c-.863-1.023-1.758-2.192-2.475-3.378-.706-1.169-1.29-2.437-1.441-3.643C3.44 6.584 6.842 2 12 2c2.605 0 4.751 1.306 6.156 3.063 1.392 1.74 2.13 4.01 1.834 6.079-.155 1.086-.747 2.294-1.443 3.422-.712 1.154-1.602 2.332-2.46 3.382a57 57 0 0 1-3.301 3.682l-.057.058-.016.015-.004.004zM12 21l.707.707a1 1 0 0 1-1.385.028zM8 8a.5.5 0 0 0-.354.854l4 4a.5.5 0 0 0 .707 0l4-4A.5.5 0 0 0 16 8z"/></svg></template>
<script setup lang="ts">
/**
 * StoreLocationBmFilled24 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>
