<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M36 6.5A1.5 1.5 0 0 1 37.5 8v11.833h17v-6.5a1.5 1.5 0 0 1 3 0V56a1.5 1.5 0 0 1-1.5 1.5h-5.333a1.5 1.5 0 0 1-1.5-1.5v-1.167H14.833V56a1.5 1.5 0 0 1-1.5 1.5H8A1.5 1.5 0 0 1 6.5 56V13.333a1.5 1.5 0 0 1 3 0v6.5h6.333V8a1.5 1.5 0 0 1 1.5-1.5zM9.5 51.833h45v-7.666h-45zm0-10.666h13V29.333l.008-.148A1.5 1.5 0 0 1 24 27.833l22.667.001a1.5 1.5 0 0 1 1.5 1.5v11.833H54.5V22.833h-45zm16 0h19.667V30.833H39V37h-7.333v-6.167H25.5zM33.667 35H37v-4.167h-3.333zM18.833 19.833H34.5V9.5h-4.166l-.001 5.167v1H23v-1l.001-5.167h-4.168zM25 13.667h3.333l.001-4.167h-3.333z"/></svg></template>
<script setup lang="ts">
/**
 * Shelves64 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>
