Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as pay, commerce, debit card, payment method, discount, commerce and shopping, credit card, credit card payment, atm card, and business and finance. Created in a clean lineal color style with a silver, gray, black, red, maroon, olive, teal, blue, and pink 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 64 64"
>
<g>
<rect width="34" height="22" x="21" y="9" fill="#7ed63e" rx="2" />
<path
fill="#5eac24"
d="M35 31h18a2 2 0 0 0 2-2V11a20 20 0 0 1-20 20z"
/>
<path
fill="#006df0"
d="m12 40-2.99 3.01 12.98 12.98L25 53l-.99-.99-11-11z"
/>
<path
fill="#58595b"
d="M46.079 15H21v4h32a7.991 7.991 0 0 1-6.921-4z"
/>
<path
fill="#ffbcab"
d="M58.3 33.23a3 3 0 0 0-2.85.07l-11.64 6.72a2.814 2.814 0 0 1-.69 1.1A2.993 2.993 0 0 1 41 42a2.993 2.993 0 0 0 2.12-.88 2.814 2.814 0 0 0 .69-1.1 2.776 2.776 0 0 0 .18-1.32 2.955 2.955 0 0 0-.99-1.95 3.062 3.062 0 0 0-2.01-.75h-9.16a2.006 2.006 0 0 1-1.42-.59l-.24-.24A4 4 0 0 0 27.35 34h-4.03a7.958 7.958 0 0 0-5.66 2.35l-4.65 4.66 11 11 2.82-2.83A3.972 3.972 0 0 1 29.66 48h11.27a3.925 3.925 0 0 0 2-.54l15.52-8.96a3.006 3.006 0 0 0 1.1-4.1 2.932 2.932 0 0 0-1.25-1.17z"
/>
<path
fill="#ffa087"
d="m43.832 38.007-.011-.028c0 .014-.006.028-.011.041a2.814 2.814 0 0 1-.69 1.1A2.993 2.993 0 0 1 41 40h-6a1 1 0 0 0-1 1 1 1 0 0 0 1 1h6a2.993 2.993 0 0 0 2.12-.88 2.814 2.814 0 0 0 .69-1.1 2.776 2.776 0 0 0 .18-1.32 2.937 2.937 0 0 0-.158-.693z"
/>
<path fill="#004fac" d="m8 42-5 6v13h16l4-4-1.01-1.01L9.01 43.01z" />
<path fill="#d80027" d="M61 11a8 8 0 1 1-8-8 8 8 0 0 1 8 8z" />
<path
fill="#bd0022"
d="M53 3a8.047 8.047 0 0 0-1 .069 7.993 7.993 0 0 1-.007 15.863A8 8 0 1 0 53 3z"
/>
<circle cx="50" cy="8" r="1" fill="#57a4ff" />
<circle cx="56" cy="14" r="1" fill="#57a4ff" />
<g fill="#231f20">
<path
d="M60.42 33.9a4.047 4.047 0 0 0-5.47-1.47l-10.04 5.8A3.916 3.916 0 0 0 43.66 36a4.041 4.041 0 0 0-2.67-1h-9.16a1 1 0 0 1-.71-.3l-.24-.24A5.03 5.03 0 0 0 27.35 33h-4.03a8.948 8.948 0 0 0-6.37 2.64l-3.94 3.95-.3-.3A1.033 1.033 0 0 0 12 39a1 1 0 0 0-.71.3l-2.28 2.29-.3-.3a1.009 1.009 0 0 0-.76-.29.972.972 0 0 0-.72.36l-5 6A1 1 0 0 0 2 48v13a1 1 0 0 0 1 1h16a1.033 1.033 0 0 0 .71-.29l4-4a1.008 1.008 0 0 0 0-1.42l-.3-.3 2.29-2.28a1 1 0 0 0 .01-1.42l-.29-.28 2.12-2.13a2.956 2.956 0 0 1 2.12-.88h11.27a4.9 4.9 0 0 0 2.5-.67l15.52-8.96a4.019 4.019 0 0 0 1.47-5.47zM18.59 60H4V48.36l4.07-4.88L21.59 57zm3.4-5.42L10.42 43.01 12 41.42l11.3 11.3h.01l.27.28zm35.96-16.95L42.42 46.6a2.942 2.942 0 0 1-1.49.4H29.66a4.945 4.945 0 0 0-3.54 1.47l-2.11 2.12-9.59-9.58 3.95-3.96A6.942 6.942 0 0 1 23.32 35h4.03a2.974 2.974 0 0 1 2.11.88l.24.24a3 3 0 0 0 2.13.88h9.16a2.02 2.02 0 0 1 1.34.5 1.913 1.913 0 0 1 .66 1.29 1.777 1.777 0 0 1-.13.91 1.862 1.862 0 0 1-.45.71A1.983 1.983 0 0 1 41 41h-6.58a1 1 0 0 0 0 2H41a4 4 0 0 0 2.83-1.17 4.053 4.053 0 0 0 .78-1.12l11.34-6.54a1.991 1.991 0 0 1 1.91-.04 1.85 1.85 0 0 1 .82.77 1.949 1.949 0 0 1 .27 1 1.97 1.97 0 0 1-1 1.73z"
/>
<path
d="M53 2a8.991 8.991 0 0 0-8.47 6H23a3.009 3.009 0 0 0-3 3v18a3.009 3.009 0 0 0 3 3h30a3.009 3.009 0 0 0 3-3v-9.53A8.991 8.991 0 0 0 53 2zm-31 9a1 1 0 0 1 1-1h21.06a8.262 8.262 0 0 0-.06 1 8.805 8.805 0 0 0 .53 3H22zm0 5h23.52a8.977 8.977 0 0 0 1.84 2H22zm32 13a1 1 0 0 1-1 1H23a1 1 0 0 1-1-1v-9h31a8.262 8.262 0 0 0 1-.06zm-1-11a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7z"
/>
<circle cx="50" cy="8" r="2" />
<circle cx="56" cy="14" r="2" />
<path
d="M48.293 15.707a1 1 0 0 0 1.414 0l8-8a1 1 0 1 0-1.414-1.414l-8 8a1 1 0 0 0 0 1.414zM37 24H27a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2zM49 26h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category