<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="M4 5.667a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h13.667v1.666a1 1 0 0 0 1 1H28a1 1 0 0 0 1-1V16a1 1 0 0 0-1-1h-.333v-1.667c0-1.227-.414-2.328-1.21-3.124A4 4 0 0 0 25 9.285V6.667a1 1 0 0 0-1-1zM25.667 15v-1.667c0-.773-.254-1.339-.624-1.71-.37-.37-.937-.623-1.71-.623s-1.339.253-1.71.624c-.37.37-.623.936-.623 1.71V15zM19 15v-1.667c0-.528.077-1.033.227-1.5H5v9.833h12.667v-1.833H14a.5.5 0 0 1 0-1h3.667V16a1 1 0 0 1 1-1zm.667 7.665V17H27v7.333h-7.333zm.036-11.832H5V7.667h18V9.01c-1.093.069-2.067.476-2.79 1.2q-.287.287-.507.623m-12.87 8.5a.5.5 0 0 1 .5-.5h4a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5M22.167 20a1.167 1.167 0 1 1 1.666 1.054V22a.5.5 0 1 1-1 0v-.946A1.17 1.17 0 0 1 22.167 20M6.833 14.666a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5V16a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5zm1 .5v.334h3v-.334z"/></svg></template>
<script setup lang="ts">
/**
 * SecurePayment32 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>
