<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M37 4a7 7 0 1 0 0 14 7 7 0 0 0 0-14m-8.086 3.043A9 9 0 1 1 41.5 18.796V33a1.5 1.5 0 0 1-.765 1.307l-16 9a1.5 1.5 0 0 1-1.47 0l-16-9A1.5 1.5 0 0 1 6.5 33V15a1.5 1.5 0 0 1 .765-1.307l16-9a1.5 1.5 0 0 1 1.47 0zm-.86 2.959L24 7.72l-5.385 3.029 12.41 6.98a8.98 8.98 0 0 1-2.97-7.728m5.984 9.5-1.147.644V26a1.5 1.5 0 1 1-3 0v-4.166L25 24.584v15.133l13.5-7.594V19.876a9.07 9.07 0 0 1-4.462-.375m6.67-11.21a1 1 0 0 1 0 1.415l-4 4a1 1 0 0 1-1.415 0l-2-2a1 1 0 0 1 1.414-1.414L36 11.586l3.293-3.293a1 1 0 0 1 1.414 0M9.5 32.123v-15.13L23 24.584v15.132zm6.056-19.651-5.006 2.816L24 22.853l5.006-2.816z"/></svg></template>
<script setup lang="ts">
/**
 * PackageAdd48 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>
