<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M12 2a1 1 0 0 1 1 1v1.083c.356.054.748.138 1.15.26.839.253 1.8.693 2.556 1.45a1 1 0 1 1-1.413 1.414c-.443-.443-1.067-.752-1.72-.95A6 6 0 0 0 11.999 6c-1.556 0-2.415.44-2.883.9a2.24 2.24 0 0 0-.662 1.6c0 .378.19.861.796 1.342.615.487 1.627.938 3.12 1.17 1.651.256 3.035.66 4.022 1.36 1.06.75 1.608 1.806 1.608 3.128 0 1.336-.622 2.504-1.716 3.307-.86.63-1.98 1.016-3.284 1.144V21a1 1 0 1 1-2 0v-1.089c-.966-.169-1.86-.56-2.6-1.003-.98-.587-1.802-1.338-2.23-1.976a1 1 0 0 1 1.66-1.114c.22.329.793.891 1.598 1.374.796.478 1.706.808 2.571.808 1.446 0 2.469-.342 3.102-.807.61-.447.898-1.03.898-1.693 0-.678-.236-1.123-.763-1.496-.601-.426-1.61-.772-3.174-1.016-1.723-.268-3.092-.817-4.055-1.58-.97-.769-1.553-1.786-1.553-2.908 0-.972.339-2.12 1.26-3.025.761-.75 1.848-1.261 3.285-1.421V3a1 1 0 0 1 1-1Z"/></svg></template>
<script setup lang="ts">
/**
 * CurrencyDollar24 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>
