<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="M5.993 10.876C5.56 7.416 8.158 4 12 4c1.895 0 3.5.944 4.594 2.312 1.108 1.385 1.621 3.114 1.416 4.547-.094.663-.502 1.58-1.165 2.655-.648 1.05-1.477 2.152-2.306 3.165a55 55 0 0 1-2.563 2.907q-.135-.133-.288-.289a43 43 0 0 1-2.236-2.442c-.825-.977-1.648-2.058-2.291-3.122-.653-1.081-1.07-2.063-1.168-2.857m6.715 10.83L12 21l-.678.734-.002-.001-.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.028zM7.538 8.309A.5.5 0 0 1 8 8h8a.5.5 0 0 1 .353.854l-4 4a.5.5 0 0 1-.707 0l-4-4a.5.5 0 0 1-.108-.545"/></svg></template>
<script setup lang="ts">
/**
 * StoreLocationBm24 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>
