Add icons to this collection by clicking the heart icon.
Payment icon - also known as dollar, money, payment, bill, cash, banknote, business and finance, and hands and gestures. 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="640"
height="640"
viewBox="-40 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#2dced9" />
<stop offset=".155" stop-color="#45cdc4" />
<stop offset=".484" stop-color="#83ca8d" />
<stop offset=".956" stop-color="#e5c636" />
<stop offset="1" stop-color="#efc62d" />
</linearGradient>
<linearGradient
id="b"
x1="-64"
x2="424.264"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-64"
x2="424.264"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-64"
x2="424.264"
y1="88"
y2="88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-64"
x2="424.264"
y1="424"
y2="424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-64"
x2="424.264"
y1="384"
y2="384"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-64"
x2="424.264"
y1="128"
y2="128"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-64"
x2="424.264"
y1="208"
y2="208"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-64"
x2="424.264"
y1="176"
y2="176"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M400 472V40a8 8 0 0 0-8-8h-84.688L277.656 2.344A8.001 8.001 0 0 0 272 0H168c-.914 0-1.824.156-2.688.465L54.618 40H8a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h136a7.88 7.88 0 0 0 3.152-.648L192 132.129V472a8 8 0 0 0 8 8h192a8 8 0 0 0 8-8zM16 56h32v80H16zm126.398 80H64V53.64L169.383 16h99.304l16 16H200a8 8 0 0 0-8 8v32h-32v16h80a8 8 0 0 1 8 8v8a8 8 0 0 1-8 8h-40a7.88 7.88 0 0 0-3.152.648zM368 256c0 39.766-32.234 72-72 72s-72-32.234-72-72 32.234-72 72-72c39.746.043 71.957 32.254 72 72zm16 0v208H208V128h16v77.602c-21.332 30.242-21.332 70.636 0 100.878V384h16v-60.168c32.492 26.89 79.508 26.89 112 0V384h16v-77.559c21.316-30.234 21.316-70.605 0-100.84V128h-16v60.168c-32.492-26.89-79.508-26.89-112 0V128a23.882 23.882 0 0 0 16.688-6.809c-3.594 20.098 8.44 39.7 27.992 45.586 19.547 5.891 40.406-3.804 48.511-22.547 8.102-18.738.875-40.578-16.804-50.785-17.684-10.21-40.207-5.55-52.387 10.836V96a23.858 23.858 0 0 0-6.238-16H272V64h-48v8h-16V48h176zM272 128c0-13.254 10.746-24 24-24s24 10.746 24 24-10.746 24-24 24-24-10.746-24-24zm0 0"
/>
<path
fill="url(#c)"
d="M336 224a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v24h-16v-32h-16v32h-16v16h16v24a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-24h16v32h16v-32h16v-16h-16zm-48 56h-16v-16h16zm16-32v-16h16v16zm0 0"
/>
<path fill="url(#d)" d="M352 112h16V64h-48v16h32zm0 0" />
<path
fill="url(#e)"
d="M352 432h-32v16h48v-48h-16zM240 400h-16v48h48v-16h-32zm0 0"
/>
<path
fill="url(#f)"
d="M256 384c0 22.09 17.91 40 40 40s40-17.91 40-40-17.91-40-40-40c-22.082.027-39.973 17.918-40 40zm40-24c13.254 0 24 10.746 24 24s-10.746 24-24 24-24-10.746-24-24 10.746-24 24-24zm0 0"
/>
<path fill="url(#f)" d="M288 376h16v16h-16zm0 0" />
<path fill="url(#g)" d="M288 120h16v16h-16zm0 0" />
<path fill="url(#h)" d="M16 200h144v16H16zm0 0" />
<g fill="url(#i)"><path d="M64 168h112v16H64zM32 168h16v16H32zm0 0" /></g>
</svg>
More icons in the same style and category