Add icons to this collection by clicking the heart icon.
Payment icon - also known as money, card, pay, hands, bank, payment, credit, credit card, pay card, 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="29.4"
x2="29.4"
y1="61.821"
y2=".916"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="47" x2="47" y1="61.821" y2=".916" href="#a" />
<linearGradient id="c" x1="30" x2="30" y1="61.821" y2=".916" href="#a" />
<linearGradient id="d" x1="52" x2="52" y1="61.821" y2=".916" href="#a" />
<linearGradient id="e" x1="48" x2="48" y1="61.821" y2=".916" href="#a" />
<linearGradient id="f" x1="44" x2="44" y1="61.821" y2=".916" href="#a" />
<linearGradient id="g" x1="24" x2="24" y1="61.821" y2=".916" href="#a" />
<linearGradient id="h" x1="28" x2="28" y1="61.821" y2=".916" href="#a" />
<linearGradient id="i" x1="32" x2="32" y1="61.821" y2=".916" href="#a" />
<linearGradient id="j" x1="36" x2="36" y1="61.821" y2=".916" href="#a" />
<linearGradient
id="k"
x1="38.56"
x2="38.56"
y1="61.821"
y2=".916"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M54 14H42.58L30.05 6.76a16.835 16.835 0 0 0-10.38-2.17L7.04 5.99 2.2 5.02l-.4 1.96 5 1a.81.81 0 0 0 .31.01l12.78-1.42a14.854 14.854 0 0 1 9.16 1.93l9.53 5.5H25.61l-2.71-1.56-1 1.73 8.66 5a2 2 0 0 1 .73 2.73 1.927 1.927 0 0 1-1.21.93 1.969 1.969 0 0 1-1.52-.2l-6.06-3.5a1.021 1.021 0 0 0-.87-.06l-3.21 1.29a9.149 9.149 0 0 1-3.35.64h-1.3a9 9 0 0 1-4.63-1.28l-2.63-1.58A1 1 0 0 0 6 18H2v2h3.72l2.39 1.43A10.974 10.974 0 0 0 13.77 23h1.3a11 11 0 0 0 3.93-.73V37a3.009 3.009 0 0 0 3 3h32a3.009 3.009 0 0 0 3-3V17a3.009 3.009 0 0 0-3-3zm1 23a1 1 0 0 1-1 1H22a1 1 0 0 1-1-1V21.48l.92-.37 5.64 3.26a4.044 4.044 0 0 0 2 .53 4.174 4.174 0 0 0 1.04-.13 4.029 4.029 0 0 0 1.48-.77H34a3.009 3.009 0 0 0 3-3 3 3 0 0 0-3-3h-1.7a3.787 3.787 0 0 0-.74-.56L29.07 16H54a1 1 0 0 1 1 1zM33.45 20H34a.949.949 0 0 1 .71.31.928.928 0 0 1 .29.69 1 1 0 0 1-1 1h-.6a4.1 4.1 0 0 0 .05-2z"
/>
<path
fill="url(#b)"
d="M43 36h8a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2zm0-4h4v2h-4zm8 2h-2v-6h2zm-4-6v2h-4v-2z"
/>
<path fill="url(#c)" d="M23 27h14v2H23z" />
<path fill="url(#d)" d="M51 22h2v2h-2z" />
<path fill="url(#e)" d="M47 22h2v2h-2z" />
<path fill="url(#f)" d="M43 22h2v2h-2z" />
<path fill="url(#e)" d="M43 18h10v2H43z" />
<path fill="url(#g)" d="M23 31h2v4h-2z" />
<path fill="url(#h)" d="M27 31h2v4h-2z" />
<path fill="url(#i)" d="M31 31h2v4h-2z" />
<path fill="url(#j)" d="M35 31h2v4h-2z" />
<path
fill="url(#k)"
d="m62.12 57.01-.24 1.98-8.2-.98-12.67 1.4a17.29 17.29 0 0 1-1.9.11 16.957 16.957 0 0 1-8.48-2.28L17 49.37a4.006 4.006 0 0 1-1.46-5.47A4 4 0 0 1 21 42.44l8.73 5.04a3.906 3.906 0 0 1-.05-.48 4.005 4.005 0 0 1 4-4h6.81l3.03-1.21a10.825 10.825 0 0 1 4.09-.79h1.3a10.948 10.948 0 0 1 5.66 1.57L56.96 44H62v2h-5.32a1 1 0 0 1-.51-.14l-2.63-1.58A8.969 8.969 0 0 0 48.91 43h-1.3a9.058 9.058 0 0 0-3.34.64l-3.22 1.29a.9.9 0 0 1-.37.07h-7a2 2 0 0 0 0 4h10v2H33.17a5.009 5.009 0 0 1-2.5-.67L20 44.17a1.969 1.969 0 0 0-1.52-.2 2 2 0 0 0-.48 3.66l13.63 7.88a14.956 14.956 0 0 0 9.16 1.92l12.78-1.42a.884.884 0 0 1 .23 0z"
/>
</g>
</svg>
More icons in the same style and category