Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as card, shop, debit card, commerce and shopping, credit card, online payment, shopping bags, card payment, credit card payment, transaction, and payment mehotd. Created in a clean blue style with a white, silver, blue, and navy 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="52" height="39" x="1" y="21" fill="#96a1c3" rx="4" />
<rect width="52" height="39" x="6" y="16" fill="#f5f7ff" rx="4" />
<path
fill="#ccd3eb"
d="M54 52H10a4 4 0 0 1-4-4v3a4 4 0 0 0 4 4h44a4 4 0 0 0 4-4v-3a4 4 0 0 1-4 4z"
/>
<path fill="#96a1c3" d="M6 21h52v12H6z" />
<path
fill="#0074ff"
d="M61.83 25H48.17a1 1 0 0 1-1-1.15l1.69-11a1 1 0 0 1 1-.85h10.28a1 1 0 0 1 1 .85l1.69 11a1 1 0 0 1-1 1.15z"
/>
<path
fill="#033c59"
d="M6 40a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="#033c59"
d="m63.81 23.7-1.69-11a2 2 0 0 0-2-1.7H59v-1a4 4 0 0 0-8 0v1h-1.14a2 2 0 0 0-2 1.7l-.33 2.3H10a5 5 0 0 0-5 5 5 5 0 0 0-5 5v31a5 5 0 0 0 5 5h44a5 5 0 0 0 5-5 5 5 0 0 0 5-5V29a1 1 0 0 0-2 0v22a3 3 0 0 1-3 3H10a3 3 0 0 1-3-3v-4a1 1 0 0 0-2 0v4a5 5 0 0 0 5 5h42a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V25a3 3 0 0 1 3-3v15a1 1 0 0 0 2 0V20a3 3 0 0 1 3-3h37.22l-1 6.7a2 2 0 0 0 2 2.3h13.61a2 2 0 0 0 1.98-2.3zM53 10a2 2 0 0 1 4 0v1h-4zm-4.83 14 1.69-11H51v2a1 1 0 0 0 2 0v-2h4v2a1 1 0 0 0 2 0v-2h1.14l1.7 11z"
/>
<rect width="12" height="10" x="10" y="37" fill="#0074ff" rx="2" />
<path
fill="#96a1c3"
d="M13 49h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM21 49h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"
/>
<g fill="#0074ff">
<path
d="M53 37h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM46 37h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM39 37h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM32 37h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"
/>
</g>
<path fill="#96a1c3" d="M53 41H30a1 1 0 0 0 0 2h23a1 1 0 0 0 0-2z" />
<path
fill="#0074ff"
d="M44 11a1 1 0 1 0 1 1 1 1 0 0 0-1-1zM45 8a1 1 0 0 0-1-1 5 5 0 0 0-5 5 1 1 0 0 0 2 0 3 3 0 0 1 3-3 1 1 0 0 0 1-1z"
/>
<path
fill="#0074ff"
d="M44 5a1 1 0 0 0 0-2 9 9 0 0 0-9 9 1 1 0 0 0 2 0 7 7 0 0 1 7-7z"
/>
<path
fill="#96a1c3"
d="M62 30h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM63 32h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category