<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.501 20c0-6.904 5.596-12.5 12.5-12.5 6.903 0 12.5 5.596 12.5 12.5 0 1.547-.724 3.615-2.007 5.985-1.259 2.327-2.956 4.764-4.68 6.998A100 100 0 0 1 24 39.82a99.939 99.939 0 0 1-5.813-6.837c-1.724-2.234-3.421-4.671-4.68-6.998C12.225 23.615 11.5 21.547 11.5 20M22.93 43.05 24 42za1.5 1.5 0 0 0 2.14 0L24.002 42l1.071 1.05.003-.003.009-.01.032-.032a40 40 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.475 24.933 39.5 22.32 39.5 20c0-8.56-6.94-15.5-15.5-15.5s-15.5 6.94-15.5 15.5c0 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.885 5.837a99 99 0 0 0 2.187 2.352l.032.033.009.009zM18 19a6 6 0 1 1 12 0 6 6 0 0 1-12 0"/></svg></template>
<script setup lang="ts">
/**
 * Location48 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>
