<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M12 3a1 1 0 0 0-1 1v1.333a1 1 0 0 0 1 1h3v2H9.79a3 3 0 0 0-2.982 2.669l-1.036 9.331H4a1 1 0 0 0-1 1V28a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-6.667a1 1 0 0 0-1-1h-1.772l-1.036-9.331a3 3 0 0 0-2.982-2.669H17v-2h3a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-2.21 7.333h12.42a1 1 0 0 1 .994.89l1.012 9.11H7.784l1.012-9.11a1 1 0 0 1 .994-.89m-3.135 12H27V27H5v-4.667zm14.678-9V16H10.667v-2.667zm-8 10.834a.5.5 0 1 0 0 1h5.334a.5.5 0 0 0 0-1z"/></svg></template>
<script setup lang="ts">
/**
 * CheckoutAlt32 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>
