Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as application, payment, mobile, shopping, online payment, and business and finance. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="25"
        x2="25"
        y1="6"
        y2="58.116"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#38b582" />
        <stop offset=".249" stop-color="#3bbfaf" />
        <stop offset=".494" stop-color="#3c97a8" />
        <stop offset=".74" stop-color="#3b89bf" />
        <stop offset="1" stop-color="#3861b5" />
    </linearGradient>
    <linearGradient id="b" x1="25" x2="25" y1="5.978" y2="58.094" href="#a" />
    <linearGradient id="c" x1="40" x2="40" y1="5.978" y2="58.094" href="#a" />
    <linearGradient id="d" x1="50" x2="50" y1="5.978" y2="58.094" href="#a" />
    <linearGradient id="e" x1="47" x2="47" y1="5.978" y2="58.094" href="#a" />
    <linearGradient id="f" x1="43" x2="43" y1="5.978" y2="58.094" href="#a" />
    <linearGradient id="g" x1="36" x2="36" y1="5.978" y2="58.094" href="#a" />
    <path
        fill="url(#a)"
        d="M39 44a1 1 0 0 0-1 1v5H12V14h26v2.805a1 1 0 0 0 2 0V11a5.006 5.006 0 0 0-5-5H15a5.006 5.006 0 0 0-5 5v42a5.006 5.006 0 0 0 5 5h20a5.006 5.006 0 0 0 5-5v-8a1 1 0 0 0-1-1zM12 11a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v1H12zm26 42a3 3 0 0 1-3 3H15a3 3 0 0 1-3-3v-1h26z"
    />
    <path
        fill="url(#b)"
        d="M27 9h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zM23 55h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z"
    />
    <path
        fill="url(#c)"
        d="M52 20H28a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h24a3 3 0 0 0 3-3V23a3 3 0 0 0-3-3zm-24 2h24a1 1 0 0 1 1 1v3H27v-3a1 1 0 0 1 1-1zm25 8H27v-2h26zm-1 10H28a1 1 0 0 1-1-1v-7h26v7a1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#d)"
        d="M50 34a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#e)"
        d="M47 34a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#f)"
        d="M43 34a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#c)"
        d="M40 34a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#g)"
        d="M36 34a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
    />
</svg>
More icons in the same style and category