<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M14 3a1 1 0 0 1 .8.4l1.7 2.267h8.833a1 1 0 0 1 1 1v3H28a1 1 0 0 1 .989 1.152l-2.667 17.333a1 1 0 0 1-.989.848H4l-.102-.005H3.89l-.012-.003a1 1 0 0 1-.089-.015l-.024-.006a1 1 0 0 1-.269-.108l-.023-.014-.062-.041-.025-.019-.057-.049q-.011-.008-.022-.02l-.053-.054q-.007-.008-.013-.015l-.004-.005a1 1 0 0 1-.198-.364l-.006-.027a1 1 0 0 1-.03-.176L3 28.035V4a1 1 0 0 1 1-1zM5.166 27h19.31l2.358-15.333H7.524zM5 14.926l.68-4.411.017-.09a1 1 0 0 1 .97-.758h17.666v-2H16a1 1 0 0 1-.8-.4L13.5 5H5z"/></svg></template>
<script setup lang="ts">
/**
 * Folder32 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>
