Card Payment

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 36 36"
>
    <path
        fill="#efefef"
        d="M8.377 31.833c6.917 0 11.667 3.583 15 3.583S33.71 33.5 33.71 18.167 24.293.583 20.627.583c-17.167 0-24.5 31.25-12.25 31.25z"
    />
    <g fill="#a4afc1">
        <path
            d="m27.643 2.616.707-.707 1.414 1.414-.707.707zM31.708 6.682l.707-.707L33.83 7.39l-.707.707zM31.532 3.324l1.414-1.414.707.707-1.414 1.414z"
        />
    </g>
    <path
        fill="#f3f3f1"
        d="M27.25 25.25H8.75a2 2 0 0 1-2-2v-10.5a2 2 0 0 1 2-2h18.5a2 2 0 0 1 2 2v10.5a2 2 0 0 1-2 2z"
    />
    <circle cx="18" cy="18" r="2.75" fill="#2fdf84" />
    <path
        fill="#d5dbe1"
        d="M9 23.25v-10.5a2 2 0 0 1 2-2H8.75a2 2 0 0 0-2 2v10.5a2 2 0 0 0 2 2H11a2 2 0 0 1-2-2z"
    />
    <path
        fill="#00b871"
        d="M17.5 18c0-1.117.669-2.074 1.625-2.504A2.729 2.729 0 0 0 18 15.25a2.75 2.75 0 1 0 0 5.5c.402 0 .781-.091 1.125-.246A2.746 2.746 0 0 1 17.5 18z"
    />
    <path
        d="M27.25 26H8.75A2.752 2.752 0 0 1 6 23.25v-10.5A2.752 2.752 0 0 1 8.75 10h18.5A2.752 2.752 0 0 1 30 12.75v10.5A2.752 2.752 0 0 1 27.25 26zM8.75 11.5c-.689 0-1.25.561-1.25 1.25v10.5c0 .689.561 1.25 1.25 1.25h18.5c.689 0 1.25-.561 1.25-1.25v-10.5c0-.689-.561-1.25-1.25-1.25z"
    />
    <path
        d="M18 21.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5zm0-5.5c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2zM6.218 15.97l5.75-5.75 1.06 1.06-5.75 5.75zM22.966 11.282l1.06-1.06 5.75 5.75-1.06 1.06zM6.217 20.029l1.06-1.06 5.75 5.749-1.06 1.06zM22.964 24.72l5.75-5.75 1.06 1.06-5.75 5.75zM10 17.25h3v1.5h-3zM23 17.25h3v1.5h-3z"
    />
</svg>