<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="m15.056 7.326 27.894 2.44a1.5 1.5 0 0 1 1.363 1.625L42.57 31.315a1.5 1.5 0 0 1-1.625 1.363l-4.84-.424.207 2.357a1.5 1.5 0 0 1-1.363 1.625l-27.894 2.44a1.5 1.5 0 0 1-1.625-1.364L3.687 17.388a1.5 1.5 0 0 1 1.364-1.625l7.82-.684.56-6.39a1.5 1.5 0 0 1 1.625-1.363m-8.25 11.296L8.29 35.557l24.904-2.18-1.481-16.934-24.906 2.179Zm9.471 10.714a1 1 0 0 1 .174 1.994l-3.985.348a1 1 0 0 1-.174-1.993zm5.976-.521a1 1 0 1 1 .174 1.992l-2.988.262a1 1 0 0 1-.175-1.993zm3.986-.35a1 1 0 0 1 .175 1.992l-.996.088a1 1 0 0 1-.175-1.993zm9.601.755 3.872.34.785-8.969-5.453-.477zm-18.268-8.026a1 1 0 0 1 1.083.909l.348 3.984a1 1 0 0 1-.909 1.084l-5.976.523a1 1 0 0 1-1.084-.91l-.349-3.984a1 1 0 0 1 .91-1.084zm-4.807 2.428.174 1.993 3.985-.349-.174-1.993zm3.142-8.809 17.037-1.49a1.5 1.5 0 0 1 1.625 1.364l.209 2.392 5.98.524.436-4.98-24.905-2.178z"/></svg></template>
<script setup lang="ts">
/**
 * CreditCard48 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>
