<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M17.042 3.616a.75.75 0 0 1 .813.681l.726 8.302a.75.75 0 0 1-.331.683V15a.75.75 0 0 1-.75.75h-15a.75.75 0 0 1-.75-.75V9.584h.004l-.337-3.848-.002-.077a.75.75 0 0 1 .684-.735zM8.307 14.25h8.443v-.738zm-4.734-1.09 13.448-1.177-.595-6.807L2.977 6.352zm5.175-3.966a.5.5 0 0 1 .541.454l.146 1.66a.5.5 0 0 1-.455.543l-4.151.363a.5.5 0 0 1-.542-.455l-.145-1.66a.5.5 0 0 1 .454-.542zm2.697-.236c.39-.034.696.157.901.358a2.6 2.6 0 0 1 .47.68 2 2 0 0 1 .145-.125 1.2 1.2 0 0 1 .632-.265c.26-.023.493.06.668.151.178.093.335.217.46.328.092.083.173.167.239.239l.574-.05h.1a.5.5 0 0 1 .086.976l-.1.02-.83.072a.5.5 0 0 1-.443-.197v-.001l-.002-.002-.014-.018a2.6 2.6 0 0 0-.278-.294 1.3 1.3 0 0 0-.256-.186c-.08-.043-.117-.042-.117-.042a.3.3 0 0 0-.108.062c-.07.054-.146.133-.22.227a2.6 2.6 0 0 0-.222.338l-.01.02-.003.002a.5.5 0 0 1-.905-.03l-.025-.072-.003-.011-.013-.044a4.4 4.4 0 0 0-.252-.655 1.6 1.6 0 0 0-.273-.41.4.4 0 0 0-.094-.07c-.013-.006-.018-.005-.02-.005 0 0-.006 0-.02.008a.4.4 0 0 0-.078.086 1.6 1.6 0 0 0-.199.45 4 4 0 0 0-.135.69l-.005.045v.012a.5.5 0 0 1-.997-.075v-.003l.001-.024a5 5 0 0 1 .034-.275c.026-.173.07-.41.143-.654a2.6 2.6 0 0 1 .343-.747c.167-.233.436-.475.826-.51ZM5.24 11.173l3.155-.276-.058-.665-3.155.277zm6.65-5.036a.499.499 0 0 1 .78.622l2.537-.222a.5.5 0 0 1 .087.996l-3.53.309-.624.743a.498.498 0 0 1-.78-.62l-1.917.167-.624.744a.499.499 0 0 1-.78-.62l-2.537.221a.5.5 0 0 1-.087-.996l3.528-.309.625-.745a.498.498 0 0 1 .78.622l1.917-.167z"/></svg></template>
<script setup lang="ts">
/**
 * PaymentCheck20 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>
