Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as computer, dollar, money, website, browser, 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="32"
        x2="32"
        y1="-6.811"
        y2="66.786"
        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="23" x2="23" y1="-6.811" y2="66.786" href="#a" />
    <linearGradient
        id="c"
        x1="51.295"
        x2="51.295"
        y1="-6.811"
        y2="66.786"
        href="#a"
    />
    <linearGradient id="d" x1="49" x2="49" y1="-6.811" y2="66.786" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M57 2H7a5 5 0 0 0-5 5v38a5 5 0 0 0 5 5h19v4h-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-4h19a5 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-4h8v4zm32-9a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3v-1h56zm0-3H4V7a3.009 3.009 0 0 1 3-3h50a3.009 3.009 0 0 1 3 3z"
        />
        <path fill="url(#a)" d="M30 45h4v2h-4z" />
        <path
            fill="url(#b)"
            d="M23 28a1 1 0 0 1-1-1 1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1 7.011 7.011 0 0 0 4 6.319V35a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1.681A7 7 0 0 0 23 20a1 1 0 1 1 1-1 1 1 0 0 0 1 1h4a1 1 0 0 0 1-1 7.012 7.012 0 0 0-4-6.32V11a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v1.669a6.945 6.945 0 0 0-3.844 4.836A7.006 7.006 0 0 0 23 26a1 1 0 0 1 0 2zm0-4a4.983 4.983 0 0 1-3.882-1.849 5.051 5.051 0 0 1-1-4.238 4.947 4.947 0 0 1 3.216-3.629 1 1 0 0 0 .666-.945V12h2v1.348a1 1 0 0 0 .666.943A5.007 5.007 0 0 1 27.9 18h-2.071A3 3 0 1 0 23 22a5 5 0 0 1 1.666 9.708 1 1 0 0 0-.666.943V34h-2v-1.349a1 1 0 0 0-.666-.943A5.007 5.007 0 0 1 18.1 28h2.069A3 3 0 1 0 23 24z"
        />
        <path
            fill="url(#b)"
            d="M23 40A17 17 0 1 0 6 23a17.019 17.019 0 0 0 17 17zm0-32A15 15 0 1 1 8 23 15.017 15.017 0 0 1 23 8z"
        />
        <path
            fill="url(#c)"
            d="M44.7 23.009a1 1 0 0 0-.493.985l1.8 15.125a1 1 0 0 0 1.889.324l2.9-5.866 6.532.423a1 1 0 0 0 .663-1.8L45.8 23.075a1 1 0 0 0-1.1-.066zm9.4 8.777-3.84-.248a1.007 1.007 0 0 0-.961.555l-1.7 3.449-1.129-9.468z"
        />
        <g fill="url(#d)">
            <path d="M42 8h14v2H42zM42 14h14v2H42zM42 20h14v2H42z" />
        </g>
    </g>
</svg>
More icons in the same style and category