<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M40 6.5A1.5 1.5 0 0 0 38.5 8v12.406l-13 6.5v-5.573a1.5 1.5 0 0 0-2.17-1.341l-16 8a1.5 1.5 0 0 0-.83 1.341V56A1.5 1.5 0 0 0 8 57.5h48a1.5 1.5 0 0 0 1.5-1.5V21.333a1.5 1.5 0 0 0-2.17-1.341l-3.163 1.581V8a1.5 1.5 0 0 0-1.5-1.5zm11.308 18.856.037-.018.02-.01L54.5 23.76V54.5H42.333V41.333a1 1 0 0 0-1-1H22.667a1 1 0 0 0-1 1V54.5H9.5V30.26l13-6.5v5.573a1.5 1.5 0 0 0 2.17 1.342L38.5 23.76v5.573a1.5 1.5 0 0 0 2.17 1.342zM31 42.333h-7.333V54.5H31zM33 54.5V42.333h7.333V54.5zm16.167-31.427V9.5H41.5v17.406z"/></svg></template>
<script setup lang="ts">
/**
 * Factory64 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>
