Credit Card

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    viewBox="0 0 682.667 682.667"
>
    <defs>
        <clipPath id="a" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0h-30v-345H0c16.568 0 30 13.432 30 30v195L0-90l30 30v30C30-13.431 16.568 0 0 0"
            transform="translate(474.5 428.5)"
            fill="#00add2"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v285c0 16.569-13.432 30-30 30h-407c-16.568 0-30-13.431-30-30v-30l30-30-30-30V0c0-16.568 13.432-30 30-30h407C-13.432-30 0-16.568 0 0"
            transform="translate(474.5 113.5)"
            fill="#00cffa"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="m0 0-30-30L0-60h30V0Z"
            transform="translate(474.5 368.5)"
            fill="#4f575b"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M7.5 308.5h467v60H7.5Z"
            fill="#697276"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="m0 0-30-22.5L0-45h30V0Z"
            transform="translate(414.5 248.5)"
            fill="#bdf4ff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M369.5 203.5h45v45h-45z"
            fill="#fff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="m0 0-30-22.5L0-45h30V0Z"
            transform="translate(309.5 248.5)"
            fill="#bdf4ff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M67.5 203.5h242v45h-242z"
            fill="#fff"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M67.5 203.5h272v45h-272zM444.5 203.5h-75v45h75z"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h188.5"
            transform="translate(67.5 278.5)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h497"
            transform="translate(7.5 368.5)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v-165c0-16.568 13.432-30 30-30h437c16.568 0 30 13.432 30 30v285c0 16.569-13.432 30-30 30H30c-16.568 0-30-13.431-30-30V30h497"
            transform="translate(7.5 278.5)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>