<script setup lang="ts">
defineProps<{ ariaLabel?: string }>();
</script>
<template>
  <svg viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor"
       :role="ariaLabel ? 'img' : 'presentation'"
       :aria-label="ariaLabel || undefined"><g fill="currentColor"><path d="M2.8 15.908a1 1 0 0 0-1.84.784 12 12 0 0 0 1.14 2.073 1 1 0 0 0 1.652-1.129 10 10 0 0 1-.952-1.728m5.985 5.558a10 10 0 0 1-1.407-.6 5 5 0 0 1-.326-.178A1 1 0 0 0 6.028 22.4q.227.135.442.242a12 12 0 0 0 1.667.713 1 1 0 0 0 .648-1.892Zm6.432-.003a10 10 0 0 1-1.873.442 1 1 0 0 0 .134 1.991 1 1 0 0 0 .136-.009 12 12 0 0 0 2.247-.53 1 1 0 0 0-.644-1.894m5.037-3.821a10 10 0 0 1-1.307 1.55 1 1 0 1 0 1.39 1.438 12 12 0 0 0 1.569-1.86 1 1 0 0 0-1.652-1.128" data-color="color-2"/><path d="M18.51 1.917a12 12 0 0 0-13.384.248L3.553.191A.5.5 0 0 0 3.162 0a.5.5 0 0 0-.091.009.5.5 0 0 0-.385.341L.644 6.727a.5.5 0 0 0-.022.194.5.5 0 0 0 .541.456l6.672-.568A.5.5 0 0 0 8.1 6.7a.5.5 0 0 0 .084-.7L6.376 3.732a10 10 0 0 1 15.533 9.6 1 1 0 0 0 .858 1.124 1 1 0 0 0 .134.009 1 1 0 0 0 .99-.867A12.05 12.05 0 0 0 18.51 1.917"/></g></svg>
</template>
