<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="M10.038 4.883 28.633 6.51c.55.049.958.534.91 1.084L28.38 20.877a1 1 0 0 1-1.084.909l-3.226-.284.138 1.572a1 1 0 0 1-.91 1.083L4.704 25.784a1 1 0 0 1-1.083-.91L2.459 11.593a1 1 0 0 1 .908-1.083l5.214-.457.373-4.26.014-.101a1 1 0 0 1 1.07-.808Zm-5.5 7.532.988 11.29 16.604-1.453-.989-11.29zm6.43 7.31a.5.5 0 0 1 .084.977l-.1.018-2.656.233a.5.5 0 0 1-.087-.996l2.657-.233zm3.983-.349a.5.5 0 0 1 .086.977l-.1.019-1.992.174a.5.5 0 0 1-.088-.996l1.993-.175zm2.658-.232a.5.5 0 0 1 .085.977l-.1.018-.664.059a.5.5 0 0 1-.087-.997l.664-.058zm6.285.336 2.581.226.523-5.979-3.635-.318zM11.73 14.295a.5.5 0 0 1 .542.454l.232 2.658a.5.5 0 0 1-.455.54l-3.984.35a.5.5 0 0 1-.542-.455l-.232-2.657a.5.5 0 0 1 .454-.54zm-3.4 1.301.146 1.661 2.989-.261-.146-1.66zm2.275-5.72 11.36-.994a1 1 0 0 1 1.083.91l.138 1.594 3.987.349.29-3.32L10.86 6.964l-.255 2.913Z"/></svg></template>
<script setup lang="ts">
/**
 * CreditCard32 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>
