<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M8.838 1.755a.75.75 0 0 1 .512.295l1.025 1.367h5.458a.75.75 0 0 1 .75.75v1.75h.917l.081.005a.75.75 0 0 1 .66.86l-1.667 10.832a.75.75 0 0 1-.741.636H2.5a.8.8 0 0 1-.27-.053l-.037-.014a1 1 0 0 1-.096-.052l-.029-.02a1 1 0 0 1-.091-.075l-.017-.017-.03-.03a1 1 0 0 1-.05-.068l-.007-.01a1 1 0 0 1-.058-.105l-.01-.022a1 1 0 0 1-.036-.123l-.005-.018-.006-.04a1 1 0 0 1-.008-.103v-15a.75.75 0 0 1 .75-.75h6.25zM3.374 16.75H15.19l1.436-9.333H4.811zM3.25 7.694l.176-1.141.032-.132a.75.75 0 0 1 .709-.504h10.916v-1H10a.75.75 0 0 1-.6-.3L8.375 3.25H3.25z"/></svg></template>
<script setup lang="ts">
/**
 * Folder20 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>
