<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="M4.167 5.083a.75.75 0 0 1 .75.75v8.333a.75.75 0 0 1-1.5 0V5.833a.75.75 0 0 1 .75-.75m6.194 1.002a.75.75 0 0 1 1.054 1.056l-.052.056L9.311 9.25h6.522l.077.004a.75.75 0 0 1 0 1.492l-.077.004H9.311l2.052 2.054.052.056a.75.75 0 0 1-1.054 1.055l-.058-.05L6.97 10.53a.75.75 0 0 1 0-1.06l3.333-3.333z"/></svg></template>
<script setup lang="ts">
/**
 * SidebarCollapse20 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>
