<script setup lang="ts">
interface Props {
  size?: number | string
  color?: string
}

withDefaults(defineProps<Props>(), {
  size: 20,
  color: '#ffffff',
})
</script>

<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    :width="size"
    :height="size"
    viewBox="0 0 20 20"
    :fill="color"
  >
    <path d="M9.375 3.6375L17.5 2.5V9.6875H9.375V3.6375Z" />
    <path d="M8.75 3.725L2.5 4.6V9.6875H8.75V3.725Z" />
    <path d="M8.75 10.3125H2.5V15.4L8.75 16.275V10.3125Z" />
    <path d="M9.375 16.3625L17.5 17.5V10.3125H9.375V16.3625Z" />
  </svg>
</template>
