Add icons to this collection by clicking the heart icon.
Credit Card Payment icon - also known as money, finance, pay, commerce, shopping, credit card payment, atm 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="13"
x2="13"
y1="64.007"
y2="4.633"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="23" x2="23" y1="64.007" y2="4.633" href="#a" />
<linearGradient id="c" x1="33" x2="33" y1="64.007" y2="4.633" href="#a" />
<linearGradient id="d" x1="43" x2="43" y1="64.007" y2="4.633" href="#a" />
<linearGradient id="e" x1="15" x2="15" y1="64.007" y2="4.633" href="#a" />
<linearGradient id="f" x1="32" x2="32" y1="64.007" y2="4.633" href="#a" />
<linearGradient id="g" x1="50" x2="50" y1="64.007" y2="4.633" href="#a" />
<linearGradient id="h" x1="22" x2="22" y1="64.007" y2="4.633" href="#a" />
<g>
<path
fill="url(#a)"
d="M16 54h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-5-2h4v-2h-4z"
/>
<path
fill="url(#b)"
d="M26 54h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-5-2h4v-2h-4z"
/>
<path
fill="url(#c)"
d="M36 54h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-5-2h4v-2h-4z"
/>
<path
fill="url(#d)"
d="M46 54h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-5-2h4v-2h-4z"
/>
<path
fill="url(#e)"
d="M19 32h-8a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3zm1 3v1h-1.99v-2H19a1 1 0 0 1 1 1zm-5.995-1h2.005v6h-2.005zM11 34h1.005v2H10v-1a1 1 0 0 1 1-1zm-1 5v-1h2.005v2H11a1 1 0 0 1-1-1zm9 1h-.99v-2H20v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M61 2H11a1 1 0 0 0-1 1v23H7a5 5 0 0 0-5 5v26a5 5 0 0 0 5 5h42a5 5 0 0 0 5-5V38h7a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-9 55a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3V31a3.009 3.009 0 0 1 3-3h42a3.009 3.009 0 0 1 3 3zM30 20a6 6 0 1 1 6 6 6 6 0 0 1-6-6zm23.68 9.28A5 5 0 0 0 49 26h-7.73a8 8 0 1 0-10.54 0H16V11.9A5.01 5.01 0 0 0 19.9 8h32.2a5.01 5.01 0 0 0 3.9 3.9v16.2a4.94 4.94 0 0 0-2.32 1.18zM60 36h-6v-3a3.009 3.009 0 0 1 3-3 1 1 0 0 0 1-1V11a1 1 0 0 0-1-1 3.009 3.009 0 0 1-3-3 1 1 0 0 0-1-1H19a1 1 0 0 0-1 1 3.009 3.009 0 0 1-3 3 1 1 0 0 0-1 1v15h-2V4h48z"
/>
<path fill="url(#g)" d="M52 19h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
<path fill="url(#h)" d="M24 19h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
</g>
</svg>
More icons in the same style and category