Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as card, warning, payment, debit card, credit, commerce and shopping, credit card, and business and finance. Created in a clean blue 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 60 56"
>
<g fill="none" fill-rule="nonzero">
<path fill="#cad9fc" d="m33.31 32-3.04 5H8a2.006 2.006 0 0 1-2-2v-3z" />
<path
fill="#a4c2f7"
d="M45 19v10h-.12l-3.01-4.96a2.2 2.2 0 0 0-3.74 0L36.94 26H1v-7z"
/>
<path
fill="#7facfa"
d="M42 19v5.254L44.88 29H45V19zM35.13 24.04 33.94 26h3l1.19-1.96c.102-.169.226-.323.37-.458a2.2 2.2 0 0 0-3.37.458z"
/>
<path
fill="#e8edfc"
d="M45 3.94V19H1V3.94a2.006 2.006 0 0 1 2-2h40a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#cad9fc"
d="M43 1.94h-3a2.006 2.006 0 0 1 2 2V19h3V3.94a2.006 2.006 0 0 0-2-2z"
/>
<path fill="#e8edfc" d="m36.94 26-3.63 6H3a2.006 2.006 0 0 1-2-2v-4z" />
<path fill="#cad9fc" d="m33.94 26-3.63 6h3l3.63-6z" />
<rect width="12" height="9" x="6" y="6" fill="#e8edfc" rx="2" />
<path
fill="#cad9fc"
d="M16 6h-3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2z"
/>
<path
fill="#e8edfc"
d="M56.82 55H23.18a2.125 2.125 0 0 1-1.87-3.21L30.27 37l3.04-5 3.63-6 1.19-1.96a2.2 2.2 0 0 1 3.74 0L44.88 29l13.81 22.79A2.125 2.125 0 0 1 56.82 55z"
/>
<path
fill="#cad9fc"
d="M58.69 51.79 44.88 29l-3.01-4.96a2.2 2.2 0 0 0-3.37-.458c.144.135.268.29.37.458L41.88 29l13.81 22.79A2.125 2.125 0 0 1 53.82 55h3a2.125 2.125 0 0 0 1.87-3.21zM50 8.94V27a2.006 2.006 0 0 1-2 2h-3V6.94h3a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#fff"
d="M8 37h3a2.006 2.006 0 0 1-2-2v-3H6v3a2.006 2.006 0 0 0 2 2zM3 32h3a2.006 2.006 0 0 1-2-2V3.94a2.006 2.006 0 0 1 2-2H3a2.006 2.006 0 0 0-2 2V30a2.006 2.006 0 0 0 2 2z"
/>
<path fill="#fff" d="M0 3.94h2v8H0z" />
<g fill="#428dff">
<path d="M1.02 8.94a1 1 0 0 1-.01-2h.01a1 1 0 1 1 0 2z" />
<path
d="M3 33h2v2a3 3 0 0 0 3 3h17.6a1 1 0 0 0 0-2H8a1 1 0 0 1-1-1v-2h21.63a1 1 0 0 0 0-2H3a1 1 0 0 1-1-1v-3h30.27a1 1 0 0 0 0-2H2v-5h43a1 1 0 0 0 1-1V7.94h2a1 1 0 0 1 1 1v20.25a1 1 0 0 0 2 0V8.94a3 3 0 0 0-3-3h-2v-2a3 3 0 0 0-3-3H3a3 3 0 0 0-3 3 1 1 0 1 0 2 0 1 1 0 0 1 1-1h40a1 1 0 0 1 1 1V18H2v-6.06a1 1 0 0 0-2 0V30a3 3 0 0 0 3 3z"
/>
<path
d="M10 16h6a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3zm7-8v5a1 1 0 0 1-1 1h-1V7h1a1 1 0 0 1 1 1zm-4-1v7h-2V7zm-6 6V8a1 1 0 0 1 1-1h1v7H8a1 1 0 0 1-1-1zM23 9h17a1 1 0 0 0 0-2H23a1 1 0 0 0 0 2zM23 14h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2zM42.723 23.523a3.2 3.2 0 0 0-5.446 0L20.453 51.268a3.055 3.055 0 0 0-.053 3.122A3.142 3.142 0 0 0 23.176 56h33.648a3.142 3.142 0 0 0 2.776-1.61 3.055 3.055 0 0 0-.051-3.122zm15.132 29.886c-.21.37-.605.597-1.031.591H23.176a1.164 1.164 0 0 1-1.031-.591 1.07 1.07 0 0 1 .018-1.1L38.987 24.56a1.2 1.2 0 0 1 2.026 0l16.824 27.745c.21.336.217.761.018 1.104z"
/>
<path
d="M40 30a1 1 0 0 0-1 1v13a1 1 0 0 0 2 0V31a1 1 0 0 0-1-1zM40 48a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
</g>
</g>
</svg>
More icons in the same style and category