<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="M6.75 2.5a.75.75 0 0 1 .75-.75h8.334a.75.75 0 0 1 .75.75v13.75a2 2 0 0 1-2 2h-9.15a2.017 2.017 0 0 1-2.017-2.017v-2.066a.75.75 0 0 1 .75-.75H6.75zM4.917 16.233v-1.316h7.667v1.333a2 2 0 0 0 .063.5H5.434a.517.517 0 0 1-.517-.517m8.417-2.816H8.25V3.25h6.834v13a.5.5 0 0 1-1 0v-2.083a.75.75 0 0 0-.75-.75M10.5 7.5q0-.063.005-.125h1.579a.5.5 0 0 0 0-1h-1.115a1.58 1.58 0 0 1 2.064-.142.5.5 0 0 0 .601-.8 2.584 2.584 0 0 0-3.877.941h-.173a.5.5 0 0 0-.08.995 3 3 0 0 0 0 .262.5.5 0 0 0 .08.994h.173a2.584 2.584 0 0 0 3.877.941.5.5 0 1 0-.6-.8 1.578 1.578 0 0 1-2.064-.142h1.114a.5.5 0 0 0 0-.999h-1.579A2 2 0 0 1 10.5 7.5"/></svg></template>
<script setup lang="ts">
/**
 * ReceiptEuro20 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>
