<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="M8 7.586v-1.77a3 3 0 1 0-2 0V8a1 1 0 0 0 .293.707L9 11.414V23a1 1 0 0 0 2 0V11a1 1 0 0 0-.293-.707Z" data-color="color-2"/><path d="M4 16.586v-1.77a3 3 0 1 0-2 0V17a1 1 0 0 0 .293.707L5 20.414V23a1 1 0 0 0 2 0v-3a1 1 0 0 0-.293-.707ZM18 8V5.816a3 3 0 1 0-2 0v1.77l-2.707 2.707A1 1 0 0 0 13 11v12a1 1 0 0 0 2 0V11.414l2.707-2.707A1 1 0 0 0 18 8"/><path d="M24 12a3 3 0 1 0-4 2.816v1.77l-2.707 2.707A1 1 0 0 0 17 20v3a1 1 0 0 0 2 0v-2.586l2.707-2.707A1 1 0 0 0 22 17v-2.184A3 3 0 0 0 24 12" data-color="color-2"/></g></svg>
</template>
