<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M16 3a1 1 0 0 1 1 1v1.735c.529.066 1.14.184 1.772.374 1.019.308 2.159.824 3.086 1.676l.183.175.068.076a1 1 0 0 1-1.482 1.338c-.643-.643-1.53-1.077-2.432-1.35-.899-.27-1.735-.357-2.194-.357-2.14 0-3.379.607-4.08 1.296a3.32 3.32 0 0 0-.981 2.371c0 .628.318 1.36 1.188 2.05.877.695 2.286 1.312 4.314 1.628 2.188.34 3.971.869 5.223 1.756 1.324.938 2.002 2.244 2.002 3.899 0 1.67-.773 3.129-2.15 4.14-1.152.844-2.691 1.354-4.517 1.489V28a1 1 0 0 1-2 0v-1.738c-1.341-.186-2.595-.718-3.628-1.337-1.277-.766-2.332-1.734-2.868-2.534l.83-.557.83-.558c.328.49 1.133 1.273 2.236 1.934 1.09.654 2.358 1.12 3.588 1.123h.024c1.97-.002 3.406-.467 4.322-1.139.893-.655 1.332-1.53 1.333-2.527 0-1.011-.367-1.707-1.159-2.268-.865-.613-2.272-1.084-4.373-1.41-2.259-.352-4.026-1.068-5.25-2.039-1.233-.977-1.945-2.245-1.945-3.616 0-1.222.426-2.662 1.58-3.797 1.002-.986 2.473-1.662 4.48-1.829V4a1 1 0 0 1 1-1M8.777 21.003a1 1 0 0 1 1.387.273l-1.66 1.115a1 1 0 0 1 .273-1.388"/></svg></template>
<script setup lang="ts">
/**
 * Dollar32 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>
