Credit Card

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 500 500"
>
    <linearGradient
        id="a"
        x1="465.22"
        x2="168.72"
        y1="914.13"
        y2="1134.87"
        gradientTransform="matrix(1 0 0 -1 -69.23 1263.89)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#67b4ce" />
        <stop offset="1" stop-color="#c3feed" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="397.06"
        x2="298.45"
        y1="648.96"
        y2="780.84"
        gradientTransform="matrix(1 0 0 -1 0 1022)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#39dafc" />
        <stop offset="1" stop-color="#a5f9e7" />
    </linearGradient>
    <g>
        <rect
            width="303.58"
            height="186.49"
            x="91.3"
            y="142.68"
            fill="url(#a)"
            rx="12"
            transform="rotate(-12.58 243.753 236.33)"
        />
        <rect
            width="306"
            height="185"
            x="89.12"
            y="151.07"
            fill="#9dfff9"
            fill-opacity=".37"
            rx="12"
        />
        <path
            fill="#fff"
            d="M383.12 339.07h-282a15 15 0 0 1-15-15v-161a15 15 0 0 1 15-15h282a15 15 0 0 1 15 15v161a15 15 0 0 1-15 15zm-282-188a12 12 0 0 0-12 12v161a12 12 0 0 0 12 12h282a12 12 0 0 0 12-12v-161a12 12 0 0 0-12-12z"
        />
        <g fill="#55bed6" fill-opacity=".5">
            <path d="M89.12 189.07h306v40h-306z" />
            <rect width="130" height="19" x="113.12" y="265.07" rx="3" />
            <rect width="88" height="17" x="113.12" y="289.07" rx="3" />
        </g>
        <path
            fill="#fff"
            d="M371.12 191.07h-155a2 2 0 0 1 0-4h155a2 2 0 0 1 0 4zM229.12 231.07h-98a2 2 0 0 1 0-4h98a2 2 0 0 1 0 4z"
        />
        <circle cx="347.43" cy="306.67" r="65.94" fill="url(#b)" />
        <path
            fill="#fff"
            fill-rule="evenodd"
            d="M349.86 288.9V283a26.29 26.29 0 0 1 22.82 18.76 26.31 26.31 0 1 1-49.17-3.57v-.05a5.29 5.29 0 0 0-9.61-4.42v.05a36.93 36.93 0 1 0 36-21.38v-6.06a3.86 3.86 0 0 0-4.35-3.82 3.84 3.84 0 0 0-2 .86L330 274.67a3.85 3.85 0 0 0 0 5.92l13.56 11.27a3.84 3.84 0 0 0 2 .86 3.86 3.86 0 0 0 4.35-3.82z"
        />
    </g>
</svg>