<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M23.168 4.752a1.5 1.5 0 0 1 1.664 0l18 12A1.5 1.5 0 0 1 43.5 18v24a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 42V18c0-.501.25-.97.668-1.248zM7.5 18.802V40.5H11V21a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v19.5h3.5V18.803l-16.5-11zM17 40.5h-4V22h22v18.5h-4V35a1 1 0 0 0-1-1h-5v-5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1zm8-4.5v4h4v-4zm-2 0h-4v4h4zm0-6v4h-4v-4zm-7-13a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H17a1 1 0 0 1-1-1m6-5a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z"/></svg></template>
<script setup lang="ts">
/**
 * Warehouse48 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>
