<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="M3.417 3.333c0-.874.708-1.583 1.583-1.583h10c.874 0 1.583.709 1.583 1.583v.334h1.334a.5.5 0 0 1 .5.5V7.5a.5.5 0 0 1-.397.49l-7.123 1.499a.5.5 0 0 0-.397.49v.521h.75a.75.75 0 0 1 .727.932l-.182.73.204 5.31a.75.75 0 0 1-.75.778h-2.5A.75.75 0 0 1 8 17.471l.205-5.31-.183-.73a.75.75 0 0 1 .728-.931h.75v-.522a1.5 1.5 0 0 1 1.19-1.468l6.727-1.416V4.667h-.834V5c0 .874-.709 1.583-1.583 1.583H5A1.583 1.583 0 0 1 3.417 5zM5 3.25a.083.083 0 0 0-.084.083V5c0 .046.038.083.084.083h.043L6.876 3.25zm3.29 0L6.457 5.083h1.92l1.832-1.833zm3.42 1.833H9.79l1.834-1.833h1.919zm3.247-1.833-1.833 1.833H15A.083.083 0 0 0 15.083 5V3.333A.083.083 0 0 0 15 3.25z"/></svg></template>
<script setup lang="ts">
/**
 * Paint20 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>
