Debit Card

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="9.768"
        x2="46.542"
        y1="4.218"
        y2="40.992"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#20aaf7" />
        <stop offset=".258" stop-color="#278ceb" />
        <stop offset=".594" stop-color="#276dd3" />
        <stop offset="1" stop-color="#2432ce" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="14.972"
        x2="41.338"
        y1="2.831"
        y2="29.197"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#596c76" />
        <stop offset="1" stop-color="#2c3e50" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="17.462"
        x2="54.228"
        y1="23.011"
        y2="59.777"
        href="#a"
    />
    <linearGradient
        id="b"
        x1="46.673"
        x2="54.678"
        y1="37.392"
        y2="45.397"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#eef2f3" />
        <stop offset="1" stop-color="#c0cdfb" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="17.012"
        x2="21.721"
        y1="47.645"
        y2="52.355"
        href="#b"
    />
    <linearGradient
        id="f"
        x1="27.997"
        x2="32.707"
        y1="47.645"
        y2="52.355"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="38.983"
        x2="43.693"
        y1="47.645"
        y2="52.355"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="49.969"
        x2="54.679"
        y1="47.645"
        y2="52.355"
        href="#b"
    />
    <g>
        <rect
            width="46.15"
            height="28.57"
            x="5.08"
            y="8.32"
            fill="url(#a)"
            rx="1"
        />
        <path fill="url(#c)" d="M5.085 12.718h46.14v6.591H5.085z" />
        <rect
            width="46.14"
            height="28.563"
            x="12.775"
            y="27.113"
            fill="url(#d)"
            rx="1"
        />
        <rect
            width="9.887"
            height="6.591"
            x="45.732"
            y="38.099"
            fill="url(#b)"
            rx=".4"
        />
        <path
            fill="url(#e)"
            d="M22.662 51h-6.591a1 1 0 1 1 0-2h6.591a1 1 0 0 1 0 2z"
        />
        <path
            fill="url(#f)"
            d="M33.648 51h-6.592a1 1 0 0 1 0-2h6.592a1 1 0 0 1 0 2z"
        />
        <path
            fill="url(#g)"
            d="M44.634 51h-6.592a1 1 0 0 1 0-2h6.592a1 1 0 0 1 0 2z"
        />
        <path
            fill="url(#h)"
            d="M55.62 51h-6.592a1 1 0 1 1 0-2h6.592a1 1 0 0 1 0 2z"
        />
    </g>
</svg>