<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16.709 28.707 16 28l-.679.735v-.001l-.002-.001-.005-.006-.02-.018a18 18 0 0 1-.36-.342 59.773 59.773 0 0 1-4.114-4.388c-1.145-1.357-2.326-2.9-3.27-4.462-.932-1.544-1.683-3.187-1.875-4.726C4.94 8.918 9.343 3 16 3c3.355 0 6.126 1.681 7.948 3.959 1.809 2.26 2.754 5.198 2.376 7.85-.197 1.378-.956 2.94-1.88 4.435-.937 1.52-2.113 3.08-3.253 4.473a76 76 0 0 1-4.38 4.886l-.076.076-.02.02-.006.006zM16 28l.707.707a1 1 0 0 1-1.385.028zm-5.334-17.167a.5.5 0 0 0-.354.854l5.334 5.333a.5.5 0 0 0 .707 0l5.333-5.333a.5.5 0 0 0-.353-.854z"/></svg></template>
<script setup lang="ts">
/**
 * StoreLocationBmFilled32 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>
