<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="m7.55 3.413 13.947 1.221a1 1 0 0 1 .909 1.083l-.872 9.962a1 1 0 0 1-1.083.91l-2.123-.187.077.882a1 1 0 0 1-.908 1.083l-13.948 1.22a1 1 0 0 1-1.083-.909l-.872-9.962a1 1 0 0 1 .91-1.084l3.7-.324.262-2.985a1 1 0 0 1 1.083-.91ZM3.673 9.538l.698 7.97 11.954-1.047-.697-7.97zm4.464 5.13a.5.5 0 1 1 .087.997l-1.992.174a.5.5 0 0 1-.087-.997zm2.989-.26a.5.5 0 1 1 .086.996l-1.494.13a.5.5 0 0 1-.087-.997zm1.993-.175a.5.5 0 1 1 .087.996l-.498.044a.5.5 0 0 1-.087-.997zm5.03.146 1.479.13.348-3.987-2.18-.19zm-9.364-3.782a.5.5 0 0 1 .542.454l.174 1.992a.5.5 0 0 1-.455.542l-2.988.262a.5.5 0 0 1-.542-.455L5.342 11.4a.5.5 0 0 1 .455-.542l2.989-.26Zm-2.404 1.214.087.996 1.993-.174-.087-.997zm1.846-4.68 8.223-.718a1 1 0 0 1 1.083.909l.086.986 2.53.222.176-1.99L8.372 5.493 8.228 7.13Z"/></svg></template>
<script setup lang="ts">
/**
 * CreditCard24 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>
