<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M13.5 2a1 1 0 0 1 1 1v4H20V5a1 1 0 1 1 2 0v16l-.005.102A1 1 0 0 1 21 22h-2a1 1 0 0 1-1-1H6l-.005.102A1 1 0 0 1 5 22H3a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v2h1.5V3a1 1 0 0 1 1-1zM4 19h16v-2H4zm0-4h4v-4a1 1 0 0 1 1-1h8.5a1 1 0 0 1 1 1v4H20V9H4zm6 0h6.5v-3h-1.75v2h-3v-2H10zm2.75-2h1v-1h-1zM7.5 7h5V4h-1v2h-3V4h-1zm2-2h1V4h-1z"/></svg></template>
<script setup lang="ts">
/**
 * Shelves24 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>
