<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M18 3a1 1 0 0 1 1 1v5.667h8v-3a1 1 0 1 1 2 0V28a1 1 0 0 1-1 1h-2.667a1 1 0 0 1-1-1v-.333H7.667V28a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6.667a1 1 0 0 1 2 0v3h2.667V4l.005-.103A1 1 0 0 1 8.667 3zM5 25.667h22v-3.334H5zm0-5.334h6v-5.666a1 1 0 0 1 1-1h11.333a1 1 0 0 1 1 1v5.666H27v-8.666H5zm8 0h9.333v-4.666H19.5V18.5h-3.667v-2.833H13zm3.833-2.833H18.5v-1.833h-1.667zM9.667 9.667H17V5h-1.833v2.833H11.5V5H9.667zM12.5 6.833h1.667V5H12.5z"/></svg></template>
<script setup lang="ts">
/**
 * Shelves32 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>
