<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="M13.793 2.293A1 1 0 0 1 14.5 2H21a1 1 0 1 1 0 2h-2.25v4.5H21a1 1 0 0 1 1 1V14a1 1 0 0 1-.341.753l-8 7A1 1 0 0 1 13 22H5.5a1 1 0 0 1-1-1v-4.5a1 1 0 0 1 1-1h2.25v-4.336l-4.043 4.043a1 1 0 0 1-1.414-1.414zM10 15.5H8.75v-5.336l4-4V12H11a1 1 0 0 0-1 1zm3.75-3.5h.75V9.5a1 1 0 0 1 1-1h2.25V4h-2.836L13.75 5.164zm2.75-1.5V13a1 1 0 0 1-1 1H12v2.5a1 1 0 0 1-1 1H6.5V20h6.124L20 13.546V10.5z"/></svg></template>
<script setup lang="ts">
/**
 * Stairs24 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>
