<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M11.333 3a1 1 0 0 0-1 1v8.333H6.667a1 1 0 0 0-1 1v8.334H4a1 1 0 0 0-1 1V28a1 1 0 0 0 1 1h2.667a1 1 0 0 0 1-1v-.333h6V28a1 1 0 0 0 1 1h2.666a1 1 0 0 0 1-1v-.333h6V28a1 1 0 0 0 1 1H28a1 1 0 0 0 1-1v-5.333a1 1 0 0 0-1-1h-1.667v-8.334a1 1 0 0 0-1-1h-3.666V4a1 1 0 0 0-1-1zm13 18.667H17v-7.334h1.833v2.834H22.5v-2.834h1.833zM21.5 14.333v1.834h-1.667v-1.834zm-6.5 0v7.334H7.667v-7.334H9.5v2.834h3.667v-2.834zm-4.5 1.834v-1.834h1.667v1.834zm9.167-3.834V5h-1.834v2.833h-3.666V5h-1.834v7.333zM15.167 5h1.666v1.833h-1.666zM5 23.667v2h22v-2z"/></svg></template>
<script setup lang="ts">
/**
 * Pallet32 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>
