<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M3 2a1 1 0 0 0 0 2h1v17a1 1 0 0 0 1 1h4a1 1 0 0 0 .962-1.275l-.065-.225h4.206l-.065.225A1 1 0 0 0 15 22h4a1 1 0 0 0 1-1V4h1a1 1 0 1 0 0-2zm11.674 16.5.857-3H12.5v3zm-3.174 0v-3H8.469l.857 3zm0-4H8.72a5.7 5.7 0 0 0 1.52-1.202 8 8 0 0 0 1.26-1.9zm3.78 0H12.5v-3.102a8 8 0 0 0 1.26 1.9 5.7 5.7 0 0 0 1.52 1.202M6 13V4h4.985c-.141 4.68-1.273 6.905-2.225 7.952-.508.56-.994.817-1.323.937a2 2 0 0 1-.454.111zm12-9h-4.985c.141 4.68 1.273 6.905 2.225 7.952.508.56.994.817 1.323.937a2 2 0 0 0 .454.111H18zm-1.674 16 1.428-5H18v5zM6 15h.246l1.428 5H6z"/></svg></template>
<script setup lang="ts">
/**
 * Curtains24 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>
