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 lineal color style with a gray, black, yellow, teal, and orange finish, 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="evenodd">
<g fill-rule="nonzero">
<path
fill="#f57c00"
d="m33.31 32-3.04 5H8a2.006 2.006 0 0 1-2-2v-3z"
/>
<path
fill="#607d8b"
d="M45 19v10h-.12l-3.01-4.96a2.2 2.2 0 0 0-3.74 0L36.94 26H1v-7z"
/>
<path
fill="#37474f"
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="#ff9801"
d="M45 3.94V19H1V3.94a2.006 2.006 0 0 1 2-2h40a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#f57c00"
d="M43 1.94h-3a2.006 2.006 0 0 1 2 2V19h3V3.94a2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#ff9801"
d="m36.94 26-3.63 6H3a2.006 2.006 0 0 1-2-2v-4z"
/>
<path fill="#f57c00" d="m33.94 26-3.63 6h3l3.63-6z" />
<rect width="12" height="9" x="6" y="6" fill="#ffdc00" rx="2" />
<path
fill="#fec108"
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"
/>
</g>
<path
stroke="#000"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M10 6h4v9h-4z"
/>
<path
fill="#ffdc00"
fill-rule="nonzero"
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="#fec108"
fill-rule="nonzero"
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.21z"
/>
<path
fill="#f57c00"
fill-rule="nonzero"
d="M50 8.94V27a2.006 2.006 0 0 1-2 2h-3V6.94h3a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#000"
fill-rule="nonzero"
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 3V30a3 3 0 0 0 3 3zM2 3.94a1 1 0 0 1 1-1h40a1 1 0 0 1 1 1V18H2z"
/>
<path
fill="#000"
fill-rule="nonzero"
d="M16 5H8a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3zm-9 8V8a1 1 0 0 1 1-1h1v7H8a1 1 0 0 1-1-1zm4 1V7h2v7zm6-1a1 1 0 0 1-1 1h-1V7h1a1 1 0 0 1 1 1zM40 7H23a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2zM32 12h-9a1 1 0 0 0 0 2h9a1 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
fill="#000"
fill-rule="nonzero"
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>
</svg>
More icons in the same style and category