<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M7.083 1.75a.75.75 0 0 0-.75.75v5.083H4.167a.75.75 0 0 0-.75.75v5.084H2.5a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h1.667a.75.75 0 0 0 .75-.75v-.083h3.5v.083c0 .414.335.75.75.75h1.666a.75.75 0 0 0 .75-.75v-.083h3.5v.083c0 .414.336.75.75.75H17.5a.75.75 0 0 0 .75-.75v-3.333a.75.75 0 0 0-.75-.75h-.917V8.333a.75.75 0 0 0-.75-.75h-2.166V2.5a.75.75 0 0 0-.75-.75zm8 11.667H10.75V9.083h.833v1.834h2.667V9.083h.833zM13.25 9.083v.834h-.667v-.834zm-4 0v4.334H4.917V9.083h.833v1.834h2.667V9.083zm-2.5.834v-.834h.667v.834zm5.417-2.334V3.25h-.834v1.833H8.667V3.25h-.834v4.333zm-2.5-4.333h.666v.833h-.666zM3.25 14.917v1h13.5v-1z"/></svg></template>
<script setup lang="ts">
/**
 * Pallet20 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>
