<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.083a8 8 0 0 1 1.151.26c.785.237 1.679.638 2.411 1.311l.145.139.068.076a1 1 0 0 1-1.406 1.406l-.076-.068-.174-.16c-.425-.359-.974-.617-1.546-.79A6 6 0 0 0 12 6c-1.557 0-2.416.44-2.884.9a2.24 2.24 0 0 0-.662 1.6c0 .378.19.861.797 1.342.614.487 1.626.938 3.119 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.6-1.196l.06.082.1.133c.267.334.794.819 1.498 1.241.796.478 1.706.808 2.572.808 1.445 0 2.468-.342 3.101-.807.61-.447.899-1.03.899-1.693 0-.678-.237-1.123-.764-1.496-.6-.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.34-2.12 1.26-3.025.762-.75 1.849-1.261 3.286-1.421V3a1 1 0 0 1 1-1"/></svg></template>
<script setup lang="ts">
/**
 * Dollar24 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>
