<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M8 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v16.5a2.5 2.5 0 0 1-2.5 2.5H6.52A2.52 2.52 0 0 1 4 19.48V17a1 1 0 0 1 1-1h3zM6 19.48V18h9v1.5q0 .257.05.5H6.52a.52.52 0 0 1-.52-.52M16 16h-6V4h8v15.5a.5.5 0 0 1-1 0V17a1 1 0 0 0-1-1m-3.5-7q0-.127.016-.25H14.5a.5.5 0 0 0 0-1h-1.561a1.996 1.996 0 0 1 2.76-.35.5.5 0 0 0 .602-.8 3 3 0 0 0-4.529 1.15H11.5a.5.5 0 0 0 0 1h.01a3 3 0 0 0 0 .5h-.01a.5.5 0 0 0 0 1h.272a3 3 0 0 0 4.529 1.15.5.5 0 1 0-.601-.8 1.996 1.996 0 0 1-2.761-.35H14.5a.5.5 0 0 0 0-1h-1.984A2 2 0 0 1 12.5 9"/></svg></template>
<script setup lang="ts">
/**
 * ReceiptEuro24 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>
