<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M4 3a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm1 7.293V5h5.293L8.98 6.313zm0 1.414v6.586l1.313-1.313 6.313-6.313-3.293-3.293zm0 8v6.586l2.646-2.647 2.314-2.313-3.293-3.293zM5.707 27h4.586L8 24.707zm6.586 0h-.586l-3-3 2.313-2.313 4.98-4.98L19.293 20l-2.313 2.313zm1.414 0h6.586l.333-.333-3.293-3.293zm8 0H27v-5.293zM27 20.293v-6.586l-6.646 6.647-2.314 2.313 3.293 3.293zm0-8V5.707l-6.646 6.646L16.706 16 20 19.293zM26.293 5h-6.586l-3 3L20 11.293zm-8 0h-6.586L10.04 6.667l3.293 3.293 2.313-2.314zM7.373 17.333l6.314-6.313L16 8.707 19.293 12l-3.646 3.646-4.98 4.98z"/></svg></template>
<script setup lang="ts">
/**
 * WoodFlooring32 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
