<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-.75h11.667a.75.75 0 0 1 .75.75v15a.75.75 0 0 1-.75.75H4.167a.75.75 0 0 1-.75-.75zm1.5.75v13.5h10.167V3.25zM7.084 12a.5.5 0 0 0 0 1h5.833a.5.5 0 0 0 0-1zm0 2.083a.5.5 0 0 0 0 1h5.833a.5.5 0 1 0 0-1zm1.541-6.166q0-.17.028-.334h1.764a.5.5 0 0 0 0-1H9.135a1.995 1.995 0 0 1 2.657-.291.5.5 0 1 0 .584-.812 3 3 0 0 0-4.438 1.103H7.5a.5.5 0 1 0 0 1h.144a3 3 0 0 0-.016.459H7.5a.5.5 0 1 0 0 1h.343a3 3 0 0 0 4.533 1.311.5.5 0 1 0-.584-.811 1.998 1.998 0 0 1-2.82-.5h1.445a.5.5 0 0 0 0-1H8.629z"/></svg></template>
<script setup lang="ts">
/**
 * BillEuro20 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>
