Add icons to this collection by clicking the heart icon.
Credit Card Payment icon - also known as pay, payment, debit card, payment method, credit card, card reader, credit card 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="23"
x2="23"
y1="67.772"
y2="-3.181"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="32" x2="32" y1="67.772" y2="-3.181" href="#a" />
<linearGradient id="c" x1="41" x2="41" y1="67.772" y2="-3.181" href="#a" />
<linearGradient
id="d"
x1="35.5"
x2="35.5"
y1="67.772"
y2="-3.181"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M24 52h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M33 52h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#c)"
d="M42 52h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#a)"
d="M24 45h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M33 45h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#c)"
d="M42 45h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#a)"
d="M24 38h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M33 38h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#c)"
d="M42 38h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#a)"
d="M24 31h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M33 31h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#c)"
d="M42 31h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 0-6zm0 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M23 26h18a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H23a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1zm1-5h16v3H24z"
/>
<path
fill="url(#d)"
d="M53 26h-4v-9a3 3 0 0 0-3-3h-1a3 3 0 0 0-3-3V3a1 1 0 0 0-1-1 .981.981 0 0 0-.429.1C40.535 2.117 38 3.8 38 3.8l-2.455-1.633a1 1 0 0 0-1.108 0L31.992 3.8l-2.444-1.63a1 1 0 0 0-1.11 0L26 3.8s-2.53-1.681-2.566-1.692A.968.968 0 0 0 23 2a1 1 0 0 0-1 1v8a3 3 0 0 0-3 3h-1a3 3 0 0 0-3 3v42a3 3 0 0 0 3 3h28a3 3 0 0 0 3-3v-3h4a3 3 0 0 0 3-3V29a3 3 0 0 0-3-3zM24 4.87l1.439.962a1 1 0 0 0 1.111 0L28.993 4.2l2.444 1.63a1 1 0 0 0 1.11 0l2.445-1.63 2.45 1.631a1 1 0 0 0 1.108 0L40 4.867V16H24zM21 14a1 1 0 0 1 1-1v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-4a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H22a1 1 0 0 1-1-1zm26 45a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1V17a1 1 0 0 1 1-1h1v10a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3V16h1a1 1 0 0 1 1 1zm2-5V28h1v26zm5-1a1 1 0 0 1-1 1h-1V28h1a1 1 0 0 1 1 1z"
/>
<g fill="url(#b)">
<path
d="M27 10h10a1 1 0 0 0 0-2H27a1 1 0 0 0 0 2zM35 12h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category