<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M36 26c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.478-10 10-10M21 4.5c.472 0 .917.222 1.2.6l2.551 3.4h13.25a1.5 1.5 0 0 1 1.5 1.5v4.5H42a1.502 1.502 0 0 1 1.482 1.729l-.923 6a1.5 1.5 0 0 1-2.965-.457l.657-4.272H11.287l-3.539 23H22a1.5 1.5 0 0 1 0 3H6l-.153-.008h-.005l-.04-.007a2 2 0 0 1-.12-.02l-.026-.006a2 2 0 0 1-.125-.035l-.042-.016-.094-.037-.054-.025a2 2 0 0 1-.097-.052l-.029-.018a1.5 1.5 0 0 1-.203-.149l-.056-.05a2 2 0 0 1-.075-.08l-.02-.02-.004-.007a1.5 1.5 0 0 1-.296-.547l-.01-.044-.025-.105-.01-.067a2 2 0 0 1-.014-.162L4.5 42V6A1.5 1.5 0 0 1 6 4.5zm15 26.257a1 1 0 0 0-1 1v3.242h-3.242a1 1 0 0 0 0 2H35v3.243a1 1 0 0 0 2 0V37h3.244a1 1 0 0 0 0-2H37v-3.242a1 1 0 0 0-1-1ZM7.5 22.386l1.018-6.614.027-.135A1.5 1.5 0 0 1 10 14.5h26.5v-3H24a1.5 1.5 0 0 1-1.2-.6l-2.55-3.4H7.5z"/></svg></template>
<script setup lang="ts">
/**
 * FolderNew48 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>
