<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M20.442 4.239a1 1 0 0 1 1.084.909l.871 9.962a1 1 0 0 1-.398.885L22 18a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-6.5h.005l-.403-4.61a1 1 0 0 1 .909-1.083L20.442 4.24Zm-8.178 12.76H20v-.676L12.264 17Zm-7.885-1.317 15.939-1.394-.698-7.97L3.681 7.713zm6.126-4.551a.5.5 0 0 1 .542.454l.174 1.993a.5.5 0 0 1-.454.541l-4.981.436a.5.5 0 0 1-.542-.454l-.174-1.993a.5.5 0 0 1 .454-.541zm3.238-.283c.429-.038.768.171 1.002.401.233.228.411.522.543.785q.032.066.061.132.121-.13.266-.242c.18-.138.42-.273.705-.298.287-.025.546.066.747.17.203.107.386.249.53.379.126.112.232.224.314.316l.738-.065a.5.5 0 0 1 .087.996l-.996.087a.5.5 0 0 1-.443-.197l-.003-.005-.019-.023a3 3 0 0 0-.345-.365 1.7 1.7 0 0 0-.327-.237c-.108-.056-.17-.062-.195-.06s-.086.02-.182.094a1.7 1.7 0 0 0-.282.29 3 3 0 0 0-.276.419l-.014.026-.003.006v-.001a.5.5 0 0 1-.904-.03l-.025-.073-.001-.002-.003-.013a8 8 0 0 0-.079-.255 5 5 0 0 0-.246-.602 2 2 0 0 0-.348-.518c-.118-.115-.185-.122-.215-.12s-.095.021-.191.156a2 2 0 0 0-.252.57 5 5 0 0 0-.166.845l-.005.056-.001.013-.001.002a.5.5 0 1 1-.997-.076v-.01l.002-.02.008-.072a6 6 0 0 1 .2-1.023c.084-.281.209-.602.398-.867.19-.267.489-.532.918-.57Zm-7.546 2.667 3.984-.348-.087-.996-3.985.348zm8.147-6.086a.5.5 0 0 1 .766.642l-.134.16 3.28-.288a.5.5 0 0 1 .088.996l-4.277.374-.776.925a.5.5 0 1 1-.765-.643l.133-.158-2.576.225-.776.925a.5.5 0 1 1-.766-.643l.133-.159-3.28.287a.5.5 0 1 1-.088-.996l4.277-.374.776-.925a.5.5 0 1 1 .766.643l-.133.159 2.576-.226z"/></svg></template>
<script setup lang="ts">
/**
 * PaymentCheck24 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>
