<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="M22.929 43.05 24 42za1.5 1.5 0 0 0 2.14 0L24 42l1.071 1.05.003-.003.01-.01.031-.032a51 51 0 0 0 .577-.603c.39-.413.945-1.01 1.61-1.749a103 103 0 0 0 4.885-5.837c1.776-2.3 3.579-4.879 4.945-7.403C38.474 24.933 39.5 22.32 39.5 20c0-8.56-6.94-15.5-15.5-15.5S8.5 11.44 8.5 20c0 2.32 1.026 4.934 2.368 7.413 1.366 2.524 3.17 5.104 4.945 7.403 1.78 2.305 3.555 4.36 4.884 5.837a100 100 0 0 0 2.188 2.352l.032.033.009.009zM24 13a6 6 0 1 0 0 12 6 6 0 0 0 0-12"/></svg></template>
<script setup lang="ts">
/**
 * LocationFilled48 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>
