<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="M24 17.333a6.667 6.667 0 1 1 0 13.334 6.667 6.667 0 0 1 0-13.334M14 3a1 1 0 0 1 .8.4l1.7 2.267h8.833a1 1 0 0 1 1 1v3H28a1 1 0 0 1 .989 1.152l-.616 4a1 1 0 0 1-1.976-.304l.438-2.848H7.525L5.166 27h9.501a1 1 0 0 1 0 2H4l-.102-.005H3.89l-.012-.003a1 1 0 0 1-.089-.015l-.024-.006a1 1 0 0 1-.268-.108l-.024-.014-.061-.041-.026-.019-.056-.049a1 1 0 0 1-.075-.074l-.014-.015-.004-.005a1 1 0 0 1-.198-.364l-.006-.027a1 1 0 0 1-.03-.176L3 28.035V4a1 1 0 0 1 1-1zm10 17.672a.5.5 0 0 0-.5.5V23.5h-2.328a.5.5 0 0 0 0 1H23.5v2.33a.501.501 0 0 0 1 0V24.5h2.33a.5.5 0 0 0 0-1H24.5v-2.328a.5.5 0 0 0-.5-.5M5 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">
/**
 * FolderNew32 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>
