Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as pay, commerce, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="19.412"
x2="-45.593"
y1="606.713"
y2="606.713"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.283)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M42.667 375.434h196.702c4.617 61.03 57.839 106.761 118.869 102.144 54.613-4.13 98.014-47.539 102.144-102.144h8.951c23.552-.026 42.641-19.115 42.667-42.667v-256c-.026-23.552-19.115-42.641-42.667-42.667H42.667C19.115 34.126.026 53.216 0 76.768v256c.026 23.552 19.115 42.641 42.667 42.666zm-25.6-42.666v-128h280.226l-52.523 17.51a8.534 8.534 0 0 0-5.837 8.09v128H42.667c-14.14 0-25.6-11.461-25.6-25.6zm0-213.334h477.867v68.267H17.067v-68.267zm426.666 247.467c0 51.84-42.027 93.867-93.867 93.867S256 418.741 256 366.901V236.52l93.867-31.292 93.867 31.292v130.381zm25.6-8.533H460.8v-128a8.535 8.535 0 0 0-5.837-8.09l-52.523-17.51h92.493v128c0 14.139-11.46 25.6-25.6 25.6zM42.667 51.168h426.667c14.14 0 25.6 11.46 25.6 25.6v25.6H17.067v-25.6c0-14.14 11.46-25.6 25.6-25.6z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="19.412"
x2="-45.593"
y1="603.717"
y2="603.717"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.283)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M110.933 247.434H42.667a8.536 8.536 0 0 0-8.533 8.533v51.2a8.536 8.536 0 0 0 8.533 8.533h68.267a8.536 8.536 0 0 0 8.533-8.533v-51.2c0-4.71-3.823-8.533-8.534-8.533zm-8.533 51.2H51.2v-34.133h51.2v34.133z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="19.412"
x2="-45.593"
y1="597.716"
y2="597.716"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.283)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="m347.17 222.278-68.267 22.75a8.534 8.534 0 0 0-5.837 8.09v113.783c0 42.419 34.381 76.8 76.8 76.8s76.8-34.381 76.8-76.8V253.117a8.535 8.535 0 0 0-5.837-8.09l-68.267-22.75a8.455 8.455 0 0 0-5.392.001zm62.43 36.992v107.631c0 32.99-26.743 59.733-59.733 59.733s-59.733-26.743-59.733-59.733V259.27l59.733-19.908L409.6 259.27z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="19.412"
x2="-45.593"
y1="598.211"
y2="598.211"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.283)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M321.766 318.201c-3.388-3.277-8.789-3.183-12.066.205a8.545 8.545 0 0 0 0 11.861l25.6 25.6c3.328 3.328 8.738 3.328 12.066 0l42.667-42.667c3.277-3.388 3.183-8.789-.205-12.066a8.545 8.545 0 0 0-11.861 0l-36.634 36.634-19.567-19.567z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="19.412"
x2="-45.593"
y1="603.717"
y2="603.717"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.283)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M170.667 247.434c-18.85 0-34.133 15.283-34.133 34.133s15.283 34.133 34.133 34.133 34.133-15.283 34.133-34.133-15.283-34.133-34.133-34.133zm0 51.2c-9.429 0-17.067-7.637-17.067-17.067s7.637-17.067 17.067-17.067c9.429 0 17.067 7.637 17.067 17.067s-7.638 17.067-17.067 17.067z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category