<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="M5.667 5.333A2.333 2.333 0 0 1 8 3h16a2.333 2.333 0 0 1 2.333 2.333v.834h2.334a.5.5 0 0 1 .5.5V12a.5.5 0 0 1-.397.49l-11.873 2.499a.5.5 0 0 0-.397.49V17H18a1 1 0 0 1 .97 1.242l-.299 1.195.328 8.525A1 1 0 0 1 18 29h-4a1 1 0 0 1-.998-1.038l.327-8.524-.298-1.195A1 1 0 0 1 14 17h1.5v-1.522a1.5 1.5 0 0 1 1.19-1.468l11.477-2.416V7.167h-1.834V8A2.333 2.333 0 0 1 24 10.333H8A2.333 2.333 0 0 1 5.667 8zM8 5a.333.333 0 0 0-.334.333V8c0 .184.15.333.334.333h.293L11.626 5zm5.04 0L9.707 8.333h3.92L16.958 5zm5.92 3.333h-3.92L18.374 5h3.919zM23.706 5l-3.333 3.333H24c.184 0 .333-.149.333-.333V5.333A.333.333 0 0 0 24 5z"/></svg></template>
<script setup lang="ts">
/**
 * Paint32 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>
