<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M24 4.5A1.5 1.5 0 0 1 25.5 6v2.604a16 16 0 0 1 2.658.56c1.528.461 3.238 1.235 4.629 2.513l.273.263.104.114a1.5 1.5 0 0 1-2.225 2.006c-.964-.964-2.294-1.616-3.647-2.024-1.35-.407-2.603-.536-3.292-.536-3.21 0-5.067.91-6.119 1.944A4.97 4.97 0 0 0 16.41 17c0 .942.477 2.04 1.781 3.074 1.316 1.043 3.43 1.97 6.473 2.444 3.282.51 5.956 1.303 7.833 2.633C34.483 26.56 35.5 28.517 35.5 31c0 2.504-1.159 4.694-3.227 6.21-1.726 1.266-4.035 2.03-6.773 2.232V42a1.5 1.5 0 0 1-3 0v-2.607c-2.012-.28-3.893-1.077-5.443-2.006-1.796-1.077-3.3-2.421-4.143-3.574l-.16-.227-.079-.132a1.5 1.5 0 0 1 2.479-1.663l.092.123.1.143c.545.737 1.703 1.827 3.254 2.758 1.64.983 3.548 1.685 5.4 1.685 2.964 0 5.122-.7 6.499-1.71 1.34-.983 2-2.294 2-3.79 0-1.517-.55-2.56-1.738-3.401-1.298-.92-3.409-1.627-6.56-2.117-3.388-.526-6.037-1.6-7.874-3.056-1.85-1.466-2.918-3.368-2.918-5.426 0-1.833.638-3.992 2.368-5.694 1.505-1.48 3.712-2.494 6.723-2.744V6A1.5 1.5 0 0 1 24 4.5"/></svg></template>
<script setup lang="ts">
/**
 * Dollar48 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>
