<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M27.286 5.984a1 1 0 0 1 1.083.909l1.162 13.282a1 1 0 0 1-.532.972L29 24.001a1 1 0 0 1-1 1H4A1 1 0 0 1 3 24v-8.667h.008l-.54-6.174a1 1 0 0 1 .909-1.083zM8.71 23H27v-1.6zm-3.175-1.73 21.916-1.918-.987-11.29L4.547 9.981l.988 11.29Zm8.486-6.264a.5.5 0 0 1 .542.455l.233 2.657a.5.5 0 0 1-.455.541L7.7 19.24a.5.5 0 0 1-.542-.454l-.233-2.657a.5.5 0 0 1 .455-.542zm4.318-.378c.505-.043.913.202 1.205.489.292.286.52.659.69 1.001q.104.209.184.408a3.3 3.3 0 0 1 .504-.497c.225-.174.515-.334.854-.363.338-.03.651.077.903.209.255.133.486.313.673.481.19.17.35.34.46.468l.002.003 1.066-.094.101.001a.501.501 0 0 1 .086.976l-.1.02-1.327.116a.5.5 0 0 1-.444-.198l-.006-.008-.026-.033a4.4 4.4 0 0 0-.479-.506 2.4 2.4 0 0 0-.47-.34c-.159-.083-.275-.106-.352-.099s-.188.05-.33.16a2.4 2.4 0 0 0-.404.415 4.4 4.4 0 0 0-.384.582l-.02.037-.004.008h-.001a.5.5 0 0 1-.904-.03l-.027-.076-.004-.018a6 6 0 0 0-.108-.35 7 7 0 0 0-.337-.825c-.15-.298-.318-.56-.496-.735-.176-.173-.312-.214-.418-.205s-.232.074-.376.275c-.145.203-.266.49-.361.81a6.6 6.6 0 0 0-.226 1.156l-.008.078-.002.018v.004a.5.5 0 0 1-.997-.075v-.004l.001-.008q0-.009.002-.027l.009-.094a8 8 0 0 1 .263-1.333c.109-.367.268-.774.505-1.106.238-.334.598-.646 1.103-.69ZM8.11 18.201l5.646-.493-.145-1.661-5.646.494zm11.143-8.19a.5.5 0 0 1 .765.643l-.436.521 4.774-.418a.5.5 0 0 1 .088.996l-5.771.505-1.079 1.286a.5.5 0 0 1-.766-.643l.436-.52-3.904.342-1.079 1.285a.5.5 0 0 1-.766-.642l.436-.52-4.774.418a.5.5 0 0 1-.088-.996l5.771-.505 1.08-1.287a.5.5 0 0 1 .766.643l-.437.52 3.904-.34 1.08-1.287Z"/></svg></template>
<script setup lang="ts">
/**
 * PaymentCheck32 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>
