<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="M31.168 6.752a1.5 1.5 0 0 1 1.664 0l24 16A1.5 1.5 0 0 1 57.5 24v32a1.5 1.5 0 0 1-1.5 1.5H8A1.5 1.5 0 0 1 6.5 56V24c0-.501.25-.97.668-1.248zM9.5 24.802V54.5H15V28a1 1 0 0 1 1-1h32a1 1 0 0 1 1 1v26.5h5.5V24.803l-22.5-15zM23 54.5h-6V29h30v25.5h-6v-7.833a1 1 0 0 0-1-1h-7v-7a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1zm10-6.833v6h6v-6zm-2 0h-6v6h6zm0-8v6h-6v-6zm-9.333-17a1 1 0 0 1 1-1h18.666a1 1 0 1 1 0 2H22.667a1 1 0 0 1-1-1m7.666-6.334a1 1 0 1 0 0 2h5.334a1 1 0 1 0 0-2z"/></svg></template>
<script setup lang="ts">
/**
 * Warehouse64 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>
