Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as hand, pay, banking, bank, payment, debit card, payment method, credit 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="31.796"
x2="31.796"
y1="58.804"
y2="3.488"
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="37" x2="37" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="c" x1="24" x2="24" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="d" x1="54" x2="54" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="e" x1="48" x2="48" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="f" x1="42" x2="42" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="g" x1="36" x2="36" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="h" x1="45" x2="45" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="i" x1="19" x2="19" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="j" x1="23" x2="23" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="k" x1="27" x2="27" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="l" x1="31" x2="31" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="m" x1="35" x2="35" y1="58.804" y2="3.488" href="#a" />
<linearGradient id="n" x1="39" x2="39" y1="58.804" y2="3.488" href="#a" />
<linearGradient
id="o"
x1="22.5"
x2="22.5"
y1="58.804"
y2="3.488"
href="#a"
/>
<linearGradient
id="p"
x1="35.5"
x2="35.5"
y1="58.804"
y2="3.488"
href="#a"
/>
<linearGradient id="q" x1="50" x2="50" y1="58.804" y2="3.488" href="#a" />
<g>
<path
fill="url(#a)"
d="m59.68 47.37-13.63 7.87a16.821 16.821 0 0 1-10.38 2.17l-12.68-1.4L2.09 58l-.18-2 21-2a1.408 1.408 0 0 1 .2.01l12.78 1.42a14.956 14.956 0 0 0 9.16-1.92l13.63-7.88a1.986 1.986 0 0 0 .73-2.73 2 2 0 0 0-2.73-.73l-10.67 6.16a5.009 5.009 0 0 1-2.5.67H33v-2h10a2 2 0 0 0 0-4h-7a.937.937 0 0 1-.37-.07l-3.21-1.29a9.149 9.149 0 0 0-3.35-.64h-1.3a9 9 0 0 0-4.63 1.28l-2.63 1.58A1 1 0 0 1 20 44H2v-2h17.72l2.39-1.43A10.974 10.974 0 0 1 27.77 39h1.3a10.825 10.825 0 0 1 4.09.79L36.19 41H43a4 4 0 0 1 4 4 3.906 3.906 0 0 1-.05.48l8.73-5.04a3.943 3.943 0 0 1 3.04-.4 4 4 0 0 1 .96 7.33z"
/>
<path
fill="url(#b)"
d="M57 5H17a3.009 3.009 0 0 0-3 3v24a3.009 3.009 0 0 0 3 3h40a3.009 3.009 0 0 0 3-3V8a3.009 3.009 0 0 0-3-3zm1 27a1 1 0 0 1-1 1H17a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h40a1 1 0 0 1 1 1z"
/>
<path
fill="url(#c)"
d="M28 9h-8a2.006 2.006 0 0 0-2 2v8a2.006 2.006 0 0 0 2 2h8a2.006 2.006 0 0 0 2-2v-8a2.006 2.006 0 0 0-2-2zm-6 10h-2v-8h2zm6 0h-4v-4h4zm0-6h-4v-2h4z"
/>
<path fill="url(#d)" d="M52 11h4v2h-4z" />
<path fill="url(#e)" d="M46 11h4v2h-4z" />
<path fill="url(#f)" d="M40 11h4v2h-4z" />
<path fill="url(#g)" d="M34 11h4v2h-4z" />
<path fill="url(#h)" d="M34 16h22v2H34z" />
<path fill="url(#i)" d="M18 23h2v4h-2z" />
<path fill="url(#j)" d="M22 23h2v4h-2z" />
<path fill="url(#k)" d="M26 23h2v4h-2z" />
<path fill="url(#l)" d="M30 23h2v4h-2z" />
<path fill="url(#m)" d="M34 23h2v4h-2z" />
<path fill="url(#n)" d="M38 23h2v4h-2z" />
<path fill="url(#o)" d="M18 29h9v2h-9z" />
<path fill="url(#p)" d="M31 29h9v2h-9z" />
<path
fill="url(#q)"
d="M52 23h-4a4 4 0 0 0 0 8h4a4 4 0 0 0 0-8zm0 6h-4a2 2 0 0 1 0-4h4a2 2 0 0 1 0 4z"
/>
</g>
</svg>
More icons in the same style and category