<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-.428-3.962q.436.462 1.207.462l.054-1.043a.6.6 0 0 1-.514-.25q-.186-.25-.187-.683V9.102l.655-.259V7.809l-.655.258V5.5h-.997v2.964l-.498.204v1.034l.498-.203v1.237q0 .831.437 1.302m-2.5-3.518L11 11.475l.008.951h3.373v-1.053h-2.158l2.064-3.029v-.877h-3.248V8.52z"/></svg></template>
<script setup lang="ts">
/**
 * ReceiptZloty24 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>
