<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="M4.375 1.75A2.625 2.625 0 0 0 1.75 4.375v11.042a2.833 2.833 0 0 0 2.833 2.833H17.5a.75.75 0 0 0 .75-.75V5a.75.75 0 0 0-.75-.75H6.997a2.625 2.625 0 0 0-2.622-2.5M3.25 4.375v8.541a2.83 2.83 0 0 1 2.25-.18v-8.36a1.125 1.125 0 1 0-2.25 0M4.583 16.75a1.333 1.333 0 1 1 1.067-2.133.75.75 0 0 0 1.35-.45V5.75h9.75v11zm7.361-8.833a.5.5 0 0 0-.555 0l-2.5 1.667a.5.5 0 1 0 .555.832l2.223-1.482 2 1.334v3.399h-.334a.5.5 0 1 0 0 1h.834a.5.5 0 0 0 .5-.5V10a.5.5 0 0 0-.223-.416zm-2.277 3.541a.5.5 0 0 0-1 0v.834a.5.5 0 0 0 1 0zm-.5 1.792a.5.5 0 0 1 .494.423.5.5 0 0 1-.078.994h-.416a.5.5 0 0 1-.5-.5v-.417a.5.5 0 0 1 .5-.5m1.875.417a.5.5 0 1 0 0 1h.833a.5.5 0 0 0 0-1z"/></svg></template>
<script setup lang="ts">
/**
 * Project20 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>
