<script setup lang="ts">
defineProps<{ ariaLabel?: string }>();
</script>
<template>
  <svg viewBox="0 0 48 48" width="1em" height="1em" fill="currentColor"
       :role="ariaLabel ? 'img' : 'presentation'"
       :aria-label="ariaLabel || undefined"><g fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="3" transform="translate(.5 .5)"><path d="m13.733 4.44 3.696-1.531"/><path d="m15.581 3.675 2.296 5.543" data-cap="butt"/><path d="m2.909 17.429 1.531-3.696"/><path d="m3.675 15.581 5.543 2.296" data-cap="butt"/><path d="m4.44 34.267-1.531-3.696"/><path d="m3.675 32.419 5.543-2.296" data-cap="butt"/><path d="m17.429 45.091-3.696-1.531"/><path d="m15.581 44.325 2.296-5.543" data-cap="butt"/><path d="m34.267 43.56-3.696 1.531"/><path d="m32.419 44.325-2.296-5.543" data-cap="butt"/><path d="m45.091 30.571-1.531 3.696"/><path d="m44.325 32.419-5.544-2.296" data-cap="butt"/><path d="m43.56 13.733 1.531 3.696"/><path d="m44.325 15.581-5.543 2.296" data-cap="butt"/><path d="m30.571 2.909 3.696 1.531"/><path d="m32.419 3.675-2.296 5.543" data-cap="butt"/><circle cx="20" cy="18" r="2" data-cap="butt" data-color="color-2"/><circle cx="20.5" cy="29.5" r="2.5" data-cap="butt" data-color="color-2"/><circle cx="30" cy="24" r="3" data-cap="butt" data-color="color-2"/><circle cx="24" cy="24" r="16" data-cap="butt"/></g></svg>
</template>
