<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="m6.285 2.928 11.622 1.017.075.01a.75.75 0 0 1 .607.802l-.727 8.301a.75.75 0 0 1-.813.682l-1.867-.164.073.834a.75.75 0 0 1-.682.812L2.95 16.24a.75.75 0 0 1-.813-.682l-.726-8.3a.75.75 0 0 1 .681-.813l3.154-.276.224-2.558a.75.75 0 0 1 .814-.682ZM2.97 7.873l.596 6.806 10.128-.886-.595-6.806zm3.905 4.268a.502.502 0 0 1 .086.978l-.1.018-1.66.145a.5.5 0 0 1-.088-.996l1.661-.146zm2.49-.217a.5.5 0 0 1 .086.977l-.1.018-1.245.109a.5.5 0 0 1-.088-.996l1.246-.109zm1.661-.145a.5.5 0 0 1 .086.976l-.1.019-.415.036a.5.5 0 0 1-.088-.996l.416-.036h.101Zm4.022.28 1.384.121.305-3.487-2-.175zM7.314 8.748a.5.5 0 0 1 .542.455l.146 1.66a.5.5 0 0 1-.456.542l-2.49.218a.5.5 0 0 1-.542-.455l-.144-1.66a.5.5 0 0 1 .454-.543zM5.41 9.918l.058.665 1.495-.131-.06-.664zm1.356-3.883 6.951-.609a.75.75 0 0 1 .813.683l.077.892 2.263.198.16-1.825L6.9 4.488l-.136 1.547Z"/></svg></template>
<script setup lang="ts">
/**
 * CreditCard20 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>
