<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M8 11.834a1.5 1.5 0 0 0-1.5 1.5v32a1.5 1.5 0 0 0 1.5 1.5h27.833v3.833a1.5 1.5 0 0 0 1.5 1.5H56a1.5 1.5 0 0 0 1.5-1.5V32a1.5 1.5 0 0 0-1.5-1.5h-1.167v-3.833c0-2.341-.786-4.408-2.272-5.894a7.56 7.56 0 0 0-3.061-1.847v-5.593a1.5 1.5 0 0 0-1.5-1.5zM51.833 30.5v-3.833c0-1.66-.546-2.925-1.394-3.773-.847-.847-2.113-1.394-3.772-1.394-1.66 0-2.926.547-3.773 1.394-.847.848-1.394 2.114-1.394 3.773V30.5zm-13.333 0v-3.833a9.2 9.2 0 0 1 .482-3H9.5v20.166h26.333v-4.166H28a1 1 0 1 1 0-2h7.833V32a1.5 1.5 0 0 1 1.5-1.5zm.333 14.83V33.5H54.5v15.667H38.833zm1.179-23.663H9.5v-6.833h37v3.668c-2.272.036-4.277.82-5.727 2.27a7.3 7.3 0 0 0-.761.895m-26.345 17a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1m34 2.87a1.833 1.833 0 1 0-2 0V44a1 1 0 0 0 2 0zm-34-12.203a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1V32a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1zm2 1V31h6v-.667z"/></svg></template>
<script setup lang="ts">
/**
 * SecurePayment64 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>
