<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M10.53 18.03 10 17.5c-.508.551-.508.551-.509.55l-.005-.004-.012-.012-.049-.045q-.063-.059-.178-.17a37.465 37.465 0 0 1-2.58-2.752c-.718-.85-1.46-1.82-2.055-2.804-.586-.97-1.066-2.015-1.19-3.003C2.957 5.522 5.758 1.75 10 1.75c2.142 0 3.907 1.074 5.065 2.521 1.149 1.436 1.754 3.305 1.511 5.002-.127.888-.612 1.882-1.191 2.82-.59.957-1.33 1.936-2.044 2.809a48 48 0 0 1-2.745 3.063l-.048.048-.012.012-.004.004zM10 17.5l.53.53a.75.75 0 0 1-1.038.021zm2.083-10.933L8.924 4.762 10 4.147l3.159 1.805zm.248 1.01 1.336-.763v3.61l-3.167 1.81v-3.61zM9.5 8.623v3.61l-3.167-1.809v-3.61zm.5-.866L6.84 5.952l1.076-.614 3.158 1.805z"/></svg></template>
<script setup lang="ts">
/**
 * PickupLocationFilled20 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>
