<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="M3.224 12q-.11 0-.222-.024a1 1 0 0 1-.754-1.197 10.03 10.03 0 0 1 3.466-5.556 1 1 0 1 1 1.258 1.554 8.03 8.03 0 0 0-2.774 4.444 1 1 0 0 1-.974.779M12 23c-1.562 0-3.06-.35-4.448-1.041a1 1 0 0 1 .89-1.791 8.06 8.06 0 0 0 7.225-.056 1 1 0 0 1 .919 1.776A10 10 0 0 1 12 23m8.776-11a1 1 0 0 1-.974-.778 8.03 8.03 0 0 0-2.774-4.445 1 1 0 1 1 1.258-1.554 10.04 10.04 0 0 1 3.466 5.555A1 1 0 0 1 20.776 12" data-color="color-2"/><path d="M12 8a5 5 0 0 1 2 .424V3a2 2 0 1 0-4 0v5.424A5 5 0 0 1 12 8m9.66 8.268-4.715-2.723a4.97 4.97 0 0 1-1.993 3.469l4.708 2.718a2 2 0 0 0 2-3.464M7.055 13.545 2.34 16.268a2 2 0 0 0 2 3.464l4.708-2.718a4.97 4.97 0 0 1-1.993-3.469"/><circle cx="12" cy="13" r="3"/></g></svg>
</template>
