<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M2.5 1.75a.75.75 0 0 0 0 1.5h.917V17.5c0 .414.335.75.75.75H7.5a.75.75 0 0 0 .721-.956L8.137 17h3.726l-.084.294a.75.75 0 0 0 .721.956h3.333a.75.75 0 0 0 .75-.75V3.25h.917a.75.75 0 0 0 0-1.5zm9.791 13.75.715-2.5H10.5v2.5zm-2.791 0V13H6.994l.715 2.5zm0-3.5H7.246c.385-.208.81-.517 1.226-.975A6.6 6.6 0 0 0 9.5 9.48zm3.254 0H10.5V9.479a6.6 6.6 0 0 0 1.028 1.546c.416.458.84.767 1.226.975m-7.837-1.083V3.25H9.24c-.107 3.97-1.06 5.867-1.878 6.766-.434.477-.85.699-1.136.803a1.8 1.8 0 0 1-.4.097h-.909M15.083 3.25H10.76c.107 3.97 1.06 5.867 1.878 6.766.434.477.85.699 1.136.803a1.8 1.8 0 0 0 .4.097h.909zm-1.589 13.5 1.238-4.333h.351v4.333zm-8.577-4.333h.35l1.239 4.333h-1.59z"/></svg></template>
<script setup lang="ts">
/**
 * Curtains20 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>
