<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="M6 10a6 6 0 1 1 12 0c0 .71-.337 1.698-.973 2.874-.62 1.146-1.46 2.353-2.319 3.465A50 50 0 0 1 12 19.54l-.35-.385a50 50 0 0 1-2.358-2.817c-.859-1.112-1.698-2.319-2.319-3.465C6.337 11.698 6 10.709 6 10m5.286 11.7L12 21za1 1 0 0 0 1.428 0L12 21l.714.7.002-.002.004-.004.017-.017.062-.064.229-.24a51.7 51.7 0 0 0 3.264-3.812c.892-1.155 1.802-2.457 2.494-3.735C19.462 12.576 20 11.224 20 10a8 8 0 1 0-16 0c0 1.224.538 2.577 1.214 3.826.692 1.278 1.603 2.58 2.494 3.735a52 52 0 0 0 3.493 4.052l.062.064.017.017.004.004zM9 9.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0"/></svg></template>
<script setup lang="ts">
/**
 * Location24 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>
