Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as computer, payment, wallet, online payment, ecommerce, transaction, bitcoin, 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="32"
        x2="32"
        y1="-7.376"
        y2="65.676"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".014" stop-color="#fee72e" />
        <stop offset=".042" stop-color="#fed51b" />
        <stop offset=".07" stop-color="#fdca10" />
        <stop offset=".1" stop-color="#fdc70c" />
        <stop offset=".4" stop-color="#f3903f" />
        <stop offset=".8" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient id="b" x1="57" x2="57" y1="-7.376" y2="65.676" href="#a" />
    <linearGradient id="c" x1="53" x2="53" y1="-7.376" y2="65.676" href="#a" />
    <linearGradient id="d" x1="49" x2="49" y1="-7.376" y2="65.676" href="#a" />
    <linearGradient
        id="e"
        x1="15.5"
        x2="15.5"
        y1="-7.376"
        y2="65.676"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="20.5"
        x2="20.5"
        y1="-7.376"
        y2="65.676"
        href="#a"
    />
    <linearGradient id="g" x1="31" x2="31" y1="-7.376" y2="65.676" href="#a" />
    <linearGradient id="h" x1="27" x2="27" y1="-7.376" y2="65.676" href="#a" />
    <linearGradient id="i" x1="23" x2="23" y1="-7.376" y2="65.676" href="#a" />
    <linearGradient id="j" x1="19" x2="19" y1="-7.376" y2="65.676" href="#a" />
    <linearGradient id="k" x1="15" x2="15" y1="-7.376" y2="65.676" href="#a" />
    <linearGradient id="l" x1="47" x2="47" y1="-7.376" y2="65.676" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M57 2H7a5 5 0 0 0-5 5v36a5 5 0 0 0 5 5h19v6h-5a3.009 3.009 0 0 0-3 3v4a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-4a3.009 3.009 0 0 0-3-3h-5v-6h19a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5zM43 56a1 1 0 0 1 1 1v3H20v-3a1 1 0 0 1 1-1zm-15-2v-6h8v6zm32-11a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3v-3h56zM10 18v20H8V18zm-2-2v-1a1 1 0 0 1 1-1h1v2zm25 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H12V18zm-21-2V9h12v7zm26 2.7a10.923 10.923 0 0 0 0 12.6v.7a3.01 3.01 0 0 1-2 2.82V19a3.009 3.009 0 0 0-3-3h-7v-2h9a3.009 3.009 0 0 1 3 3zm9-2.7a9 9 0 1 1-9 9 9.014 9.014 0 0 1 9-9zm13 22H35.82a3 3 0 0 0 .18-1v-.1a5.026 5.026 0 0 0 3.81-3.6 10.994 10.994 0 1 0 .15-16.74A4.992 4.992 0 0 0 35 12h-9V8a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v4H9a3.009 3.009 0 0 0-3 3v23H4V7a3.009 3.009 0 0 1 3-3h50a3.009 3.009 0 0 1 3 3z"
        />
        <path fill="url(#b)" d="M56 42h2v2h-2z" />
        <path fill="url(#c)" d="M52 42h2v2h-2z" />
        <path fill="url(#d)" d="M48 42h2v2h-2z" />
        <path fill="url(#e)" d="M16 13h1v-2h-2a1 1 0 0 0-1 1v2h2z" />
        <path fill="url(#f)" d="M20 14h2v-2a1 1 0 0 0-1-1h-2v2h1z" />
        <path fill="url(#g)" d="M30 20h2v2h-2z" />
        <path fill="url(#h)" d="M26 20h2v2h-2z" />
        <path fill="url(#i)" d="M22 20h2v2h-2z" />
        <path fill="url(#j)" d="M18 20h2v2h-2z" />
        <path fill="url(#k)" d="M14 20h2v2h-2z" />
        <path fill="url(#g)" d="M30 34h2v2h-2z" />
        <path fill="url(#h)" d="M26 34h2v2h-2z" />
        <path fill="url(#i)" d="M22 34h2v2h-2z" />
        <path fill="url(#j)" d="M18 34h2v2h-2z" />
        <path fill="url(#k)" d="M14 34h2v2h-2z" />
        <path
            fill="url(#l)"
            d="M52 23a2.986 2.986 0 0 0-2.01-2.82l.01-2.17-2-.02-.01 2.01h-2l.01-1.99-2-.02-.01 2.01H42v2h2v6h-2v2h1.99l-.01 1.96 2 .01.01-1.97h2l-.01 1.96 2 .01.02-2.15A3.01 3.01 0 0 0 52 27a2.974 2.974 0 0 0-.78-2 2.974 2.974 0 0 0 .78-2zm-3 5h-3v-2h3a1 1 0 0 1 0 2zm0-4h-3v-2h3a1 1 0 0 1 0 2z"
        />
    </g>
</svg>
More icons in the same style and category