<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M2.833 4.667c0-1.013.82-1.833 1.833-1.833h22.667a1.833 1.833 0 0 1 .333 3.636V20a1 1 0 0 1-1 1H17v3.049l6.114 3.057a1 1 0 0 1-.895 1.789L17 26.285v1.048a1 1 0 1 1-2 0v-1.048l-5.219 2.61a1 1 0 1 1-.894-1.79L15 24.05V21H5.333a1 1 0 0 1-1-1V6.47a1.834 1.834 0 0 1-1.5-1.803M16 19h9.666V6.5H6.333V19zM4.666 3.834a.833.833 0 1 0 0 1.666h22.667a.833.833 0 0 0 0-1.666zm10.278 5.75a.5.5 0 0 0-.778.416v5.334a.5.5 0 0 0 .778.415l4-2.666a.5.5 0 0 0 0-.832zm2.821 3.083-2.599 1.732v-3.465z"/></svg></template>
<script setup lang="ts">
/**
 * Slideshow32 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>
