Add icons to this collection by clicking the heart icon.
Pay icon - also known as money, online, finance, pay, commerce, payment, mobile, invoice, and commerce and shopping. 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="21"
x2="21"
y1="65.981"
y2="4.272"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="28" x2="28" y1="65.981" y2="4.272" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="65.981" y2="4.272" href="#a" />
<linearGradient
id="d"
x1="13.5"
x2="13.5"
y1="65.981"
y2="4.272"
href="#a"
/>
<linearGradient id="e" x1="14" x2="14" y1="65.981" y2="4.272" href="#a" />
<g>
<path
fill="url(#a)"
d="M17.713 37.958a1 1 0 0 0 1.245-.671L19.644 35h2.712l.686 2.287A1 1 0 0 0 24 38a1.023 1.023 0 0 0 .287-.042 1 1 0 0 0 .671-1.245l-3-10a1 1 0 0 0-1.916 0l-3 10a1 1 0 0 0 .671 1.245zM21 30.48l.756 2.52h-1.512z"
/>
<path
fill="url(#b)"
d="M27 32.277V37a1 1 0 0 0 2 0v-4.723l2.857-4.762a1 1 0 1 0-1.714-1.03L28 30.056l-2.143-3.571a1 1 0 1 0-1.714 1.03z"
/>
<path
fill="url(#a)"
d="M19 7h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zM23 57h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z"
/>
<path
fill="url(#c)"
d="M61 12H40V7a5 5 0 0 0-5-5H7a5 5 0 0 0-5 5v50a5 5 0 0 0 5 5h28a5 5 0 0 0 5-5v-5h21a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1zM38 57a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3v-1h34zm0-3H4V10h34zm0-46H4V7a3.009 3.009 0 0 1 3-3h28a3.009 3.009 0 0 1 3 3zm2 27.44a3.906 3.906 0 0 0 2 .56 4 4 0 0 0 0-8 3.906 3.906 0 0 0-2 .56V18h5.42A4.929 4.929 0 0 0 48 20.58v22.84A4.929 4.929 0 0 0 45.42 46H40zM40 32a2 2 0 1 1 2 2 2.006 2.006 0 0 1-2-2zm12 18H40v-2h6.13a1 1 0 0 0 .97-.75 2.968 2.968 0 0 1 2.15-2.15 1 1 0 0 0 .75-.97V19.87a1 1 0 0 0-.75-.97 2.968 2.968 0 0 1-2.15-2.15 1 1 0 0 0-.97-.75H40v-2h12zm4 0h-2V14h2zm4 0h-2V14h2z"
/>
<path
fill="url(#a)"
d="M31 22H11a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V27a5 5 0 0 0-5-5zm3 15a3.009 3.009 0 0 1-3 3H11a3.009 3.009 0 0 1-3-3V27a3.009 3.009 0 0 1 3-3h20a3.009 3.009 0 0 1 3 3z"
/>
<path
fill="url(#d)"
d="M13.5 26H11a1 1 0 0 0-1 1v10a1 1 0 0 0 2 0v-4h1.5a3.5 3.5 0 0 0 0-7zm0 5H12v-3h1.5a1.5 1.5 0 0 1 0 3z"
/>
<path
fill="url(#a)"
d="M21 20a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#e)"
d="M13.634 20.242a1 1 0 1 0 1.732-1l-1-1.732a1 1 0 1 0-1.732 1z"
/>
<path
fill="url(#b)"
d="M27 20.608a1 1 0 0 0 1.366-.366l1-1.732a1 1 0 0 0-1.732-1l-1 1.732A1 1 0 0 0 27 20.608z"
/>
<path
fill="url(#a)"
d="M21 44a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M15 43.392a1 1 0 0 0-1.366.366l-1 1.732a1 1 0 1 0 1.732 1l1-1.732A1 1 0 0 0 15 43.392z"
/>
<path
fill="url(#b)"
d="M28.366 43.758a1 1 0 1 0-1.732 1l1 1.732a1 1 0 0 0 1.732-1z"
/>
</g>
</svg>
More icons in the same style and category