<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M10 1.75a.75.75 0 0 1 .75.75v.976c.31.044.66.115 1.019.223.69.209 1.477.57 2.095 1.188a.75.75 0 0 1-1.06 1.06c-.383-.382-.916-.646-1.469-.812A5 5 0 0 0 10 4.917c-1.313 0-2.052.372-2.461.774-.417.41-.577.934-.577 1.393 0 .346.175.77.695 1.183.526.417 1.385.797 2.638.992 1.373.213 2.511.548 3.318 1.119.86.61 1.303 1.464 1.303 2.539 0 1.085-.503 2.034-1.395 2.688-.718.527-1.663.846-2.772.945v.95a.75.75 0 0 1-1.5 0v-.98c-.818-.131-1.578-.458-2.206-.835-.808-.485-1.484-1.101-1.833-1.62a.75.75 0 0 1 1.247-.836c.192.286.68.764 1.358 1.17.668.401 1.437.681 2.175.684h.021c1.211-.002 2.079-.288 2.623-.688.529-.387.782-.897.782-1.478 0-.592-.21-.988-.67-1.315-.517-.367-1.374-.658-2.681-.86-1.426-.223-2.553-.676-3.34-1.3-.793-.628-1.262-1.454-1.263-2.358 0-.791.276-1.725 1.025-2.462C7.119 4 8.03 3.575 9.249 3.453V2.5a.75.75 0 0 1 .75-.75Z"/></svg></template>
<script setup lang="ts">
/**
 * CurrencyDollar20 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>
