<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="M3 6.667a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v18.666a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm2 1v16.666h22V7.667zm4.6 7.5a3.5 3.5 0 0 0-.065 1.333h3.132a.5.5 0 1 1 0 1h-2.83a3.5 3.5 0 0 0 5.372 1.215.5.5 0 1 1 .632.775 4.502 4.502 0 0 1-7.085-1.99H8a.5.5 0 0 1 0-1h.527a4.6 4.6 0 0 1 .05-1.333H8a.5.5 0 1 1 0-1h.89a4.5 4.5 0 0 1 6.599-1.917.5.5 0 1 1-.554.833 3.498 3.498 0 0 0-4.917 1.084h2.649a.5.5 0 0 1 0 1zm9.067-2.334a.5.5 0 0 0-.5.5v5.334a.5.5 0 0 0 .5.5H24a.5.5 0 0 0 .5-.5v-5.334a.5.5 0 0 0-.5-.5zm2.166 5.334h-1.666v-4.334h1.666zm1-2.667v-1.667H23.5V15.5zm0 1H23.5v1.667h-1.667z"/></svg></template>
<script setup lang="ts">
/**
 * FundingCardEuro32 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>
