<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="M15 10.833a4.167 4.167 0 1 1 0 8.334 4.167 4.167 0 0 1 0-8.334M8.75 1.75a.75.75 0 0 1 .6.3l1.025 1.367h5.458a.75.75 0 0 1 .75.75v1.75h.917a.75.75 0 0 1 .742.864l-.385 2.5a.75.75 0 0 1-1.482-.228l.251-1.636H4.811L3.374 16.75h5.793a.75.75 0 0 1 0 1.5H2.5l-.077-.004a.7.7 0 0 1-.23-.063.8.8 0 0 1-.228-.16q-.017-.016-.034-.035a1 1 0 0 1-.05-.067l-.007-.01a1 1 0 0 1-.057-.105l-.01-.022a.8.8 0 0 1-.044-.15l-.004-.03-.005-.037a1 1 0 0 1-.004-.1V2.5a.75.75 0 0 1 .75-.75zM15 12.732a.5.5 0 0 0-.5.5V14.5h-1.267a.5.5 0 0 0 0 1H14.5v1.268a.5.5 0 0 0 1 0V15.5h1.268a.5.5 0 0 0 0-1H15.5v-1.268a.5.5 0 0 0-.5-.5M3.25 7.694l.176-1.141.032-.132a.75.75 0 0 1 .71-.504h10.915v-1H10a.75.75 0 0 1-.6-.3L8.376 3.25H3.25z"/></svg></template>
<script setup lang="ts">
/**
 * FolderNew20 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>
