<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="M3.417 2.5a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 .53.22l4.167 4.166c.14.141.22.332.22.53V17.5a.75.75 0 0 1-.75.75H4.167a.75.75 0 0 1-.75-.75zm1.5.75v13.5h10.167V7.417h-3.417a.75.75 0 0 1-.75-.75V3.25zm7.5 1.06 1.606 1.607h-1.606zM7.5 13.418a.75.75 0 0 0 0 1.5h5a.75.75 0 0 0 0-1.5zm-.75-2.584a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75M7.5 6.75a.75.75 0 1 0 0 1.5h1.667a.75.75 0 1 0 0-1.5z"/></svg></template>
<script setup lang="ts">
/**
 * Document20 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>
