<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"><rect width="4" height="4" x="1" y="1" rx=".5" ry=".5"/><rect width="4" height="4" x="7" y="1" rx=".5" ry=".5"/><rect width="4" height="4" x="13" y="1" rx=".5" ry=".5"/><rect width="4" height="4" x="19" y="1" data-color="color-2" rx=".5" ry=".5"/><rect width="4" height="4" x="1" y="7" rx=".5" ry=".5"/><rect width="4" height="4" x="7" y="7" rx=".5" ry=".5"/><rect width="4" height="4" x="13" y="7" data-color="color-2" rx=".5" ry=".5"/><rect width="4" height="4" x="19" y="7" rx=".5" ry=".5"/><rect width="4" height="4" x="1" y="13" rx=".5" ry=".5"/><rect width="4" height="4" x="7" y="13" data-color="color-2" rx=".5" ry=".5"/><rect width="4" height="4" x="13" y="13" rx=".5" ry=".5"/><rect width="4" height="4" x="19" y="13" rx=".5" ry=".5"/><rect width="4" height="4" x="1" y="19" data-color="color-2" rx=".5" ry=".5"/><rect width="4" height="4" x="7" y="19" rx=".5" ry=".5"/><rect width="4" height="4" x="13" y="19" rx=".5" ry=".5"/><rect width="4" height="4" x="19" y="19" rx=".5" ry=".5"/></g></svg>
</template>
