<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="M1.583 2.917c0-.737.597-1.333 1.333-1.333h14.167a1.333 1.333 0 0 1 .333 2.624V12.5a.75.75 0 0 1-.75.75H10.75v1.703l3.752 1.876a.75.75 0 0 1-.671 1.342l-3.081-1.54v.452a.75.75 0 0 1-1.5 0v-.453l-3.082 1.541a.75.75 0 1 1-.67-1.342l3.752-1.876V13.25H3.333a.75.75 0 0 1-.75-.75V4.208c-.575-.148-1-.67-1-1.291M10 11.75h5.916v-7.5H4.083v7.5zM2.916 2.584a.333.333 0 1 0 0 .666h14.167a.333.333 0 0 0 0-.666zm6.528 3.25a.5.5 0 0 0-.778.416v3.334a.5.5 0 0 0 .778.416l2.5-1.667a.5.5 0 0 0 0-.832zm1.321 2.083-1.099.732V7.184z"/></svg></template>
<script setup lang="ts">
/**
 * Slideshow20 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>
