<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.311.044.66.115 1.02.223.603.183 1.28.482 1.855.968l.239.22.052.056A.75.75 0 0 1 12.86 6l-.057-.052-.15-.137c-.366-.309-.834-.53-1.318-.675a5 5 0 0 0-1.334-.218c-1.314 0-2.053.372-2.462.774a1.95 1.95 0 0 0-.577 1.393c0 .346.175.77.695 1.183.526.417 1.385.797 2.639.992 1.372.213 2.51.548 3.317 1.119.86.61 1.304 1.464 1.304 2.539 0 1.085-.504 2.034-1.396 2.688-.718.527-1.663.846-2.771.945v.95a.75.75 0 0 1-1.5 0v-.98c-.818-.131-1.579-.458-2.206-.835-.708-.424-1.314-.95-1.688-1.422l-.145-.198-.04-.067a.75.75 0 0 1 1.24-.831l.046.062.086.115c.23.289.678.7 1.272 1.055.668.401 1.437.681 2.175.684h.021c1.211-.002 2.08-.288 2.623-.688.529-.387.782-.897.783-1.478 0-.592-.21-.988-.671-1.315-.517-.367-1.374-.658-2.681-.86-1.426-.223-2.552-.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.25 3.453V2.5a.75.75 0 0 1 .75-.75"/></svg></template>
<script setup lang="ts">
/**
 * Dollar20 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>
