<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M4 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v.5h1.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.397.49l-8.706 1.832a.5.5 0 0 0-.397.49v.688h1a1 1 0 0 1 .97 1.243l-.215.861.244 6.358A1 1 0 0 1 13.5 22h-3a1 1 0 0 1-1-1.038l.245-6.358-.215-.861a1 1 0 0 1 .97-1.243h1v-.689a1.5 1.5 0 0 1 1.191-1.467L21 8.594V5.5h-1V6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12.293 0h-2.586l-2 2h2.586zM9.707 4h2.586l-2 2H7.707zM8.293 4H6v2h.293zm9.414 0-2 2H18V4z"/></svg></template>
<script setup lang="ts">
/**
 * Paint24 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>
