<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M32 6.5A1.5 1.5 0 0 1 33.5 8v3.918c1.123.114 2.485.353 3.9.78 2.127.64 4.491 1.739 6.327 3.575a1.5 1.5 0 0 1-2.121 2.12c-1.364-1.364-3.222-2.265-5.072-2.824-1.846-.557-3.568-.736-4.534-.736-4.376 0-6.991 1.244-8.508 2.736-1.531 1.506-2.113 3.43-2.114 5.097 0 1.442.735 3.04 2.565 4.491 1.841 1.46 4.748 2.72 8.864 3.36 4.354.677 7.825 1.72 10.232 3.425 2.516 1.783 3.794 4.242 3.794 7.391 0 3.17-1.461 5.943-4.097 7.876-2.304 1.69-5.45 2.703-9.236 2.914V56a1.5 1.5 0 0 1-3 0v-3.92c-2.757-.3-5.36-1.377-7.5-2.66-2.51-1.506-4.558-3.396-5.58-4.918a1.5 1.5 0 0 1 2.493-1.67c.709 1.056 2.38 2.665 4.63 4.015 2.236 1.34 4.868 2.319 7.457 2.319 4.024 0 7.017-.95 8.961-2.376 1.91-1.4 2.873-3.295 2.873-5.457 0-2.183-.813-3.726-2.53-4.942-1.827-1.295-4.735-2.253-8.958-2.91-4.46-.693-7.903-2.099-10.266-3.972-2.376-1.883-3.702-4.285-3.702-6.843 0-2.333.813-5.075 3.01-7.235 1.98-1.948 4.95-3.293 9.111-3.552V8A1.5 1.5 0 0 1 32 6.5"/></svg></template>
<script setup lang="ts">
/**
 * CurrencyDollar64 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>
