<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M2.5 3.417a.75.75 0 0 0-.75.75v10c0 .414.336.75.75.75h8.417v.916c0 .414.336.75.75.75H17.5a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.75-.75h-.083v-.917c0-.795-.269-1.516-.793-2.04a2.6 2.6 0 0 0-.874-.576v-1.55a.75.75 0 0 0-.75-.75zM15.917 9.25v-.917c0-.454-.149-.775-.354-.98S15.038 7 14.583 7s-.775.148-.98.353-.353.526-.353.98v.917zm-4.167 0v-.917q0-.39.085-.75H3.25v5.833h7.667v-.833H8.75a.5.5 0 0 1 0-1h2.167V10a.75.75 0 0 1 .75-.75zm.667 4.916v.917h4.333V10.75h-4.333zm-.125-7.583H3.25V4.917h11v.599c-.662.065-1.257.327-1.707.776a2.6 2.6 0 0 0-.25.291m-8.209 5.5a.5.5 0 0 1 .5-.5h2.5a.5.5 0 1 1 0 1h-2.5a.5.5 0 0 1-.5-.5m11 1.185a.916.916 0 1 0-1 0v.482a.5.5 0 1 0 1 0zm-11-4.102a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5V10a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5z"/></svg></template>
<script setup lang="ts">
/**
 * SecurePayment20 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>
