Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as hand, online, pay, commerce, payment, debit card, shopping, credit card, atm card, and business and finance. Created in a clean lineal color 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 64 64"
>
<g>
<rect width="30" height="40" x="17" y="3" fill="#57a4ff" rx="4" />
<path
fill="#2488ff"
d="M43 3h-2a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4h2a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4z"
/>
<path
fill="#ffb8a5"
d="M58.38 29.9a3.125 3.125 0 0 0-3.56 2.32l-3.23 9.959a2.994 2.994 0 0 0-3.8-.679l-8.84 5.182A8 8 0 0 0 35 53.584V61h12v-.2a4 4 0 0 1 1.34-2.99l6.76-6.01a3.948 3.948 0 0 0 1.21-1.96l4.35-16.23a3.007 3.007 0 0 0-2.28-3.71zM25.046 46.682l-8.84-5.182a2.994 2.994 0 0 0-3.8.679L9.18 32.22a3.125 3.125 0 0 0-3.56-2.32 3.007 3.007 0 0 0-2.28 3.71l4.35 16.23A3.948 3.948 0 0 0 8.9 51.8l6.76 6.01A4 4 0 0 1 17 60.8v.2h12v-7.416a8 8 0 0 0-3.954-6.902z"
/>
<path
fill="#f1f2f2"
d="M23 9h4v4h-4zM23 17h4v4h-4zM23 25h4v4h-4zM23 33h4v4h-4z"
/>
<path
fill="#ffa733"
d="M38 18h2a1 1 0 0 0 1-1v-2h-3zM41 12v-2a1 1 0 0 0-1-1h-2v3z"
/>
<path
fill="#ff9811"
d="M38 9h-2a1 1 0 0 0-1 1v2h3zM36 18h2v-3h-3v2a1 1 0 0 0 1 1z"
/>
<path fill="#ee8700" d="M35 12h6v3h-6z" />
<path
fill="#ff9478"
d="M52.113 43.087a2.971 2.971 0 0 1-1.319 1.613l-5.858 3.34a.867.867 0 0 0-.345 1.141.865.865 0 0 0 1.2.365l5-2.85a3 3 0 0 0 1.322-3.609zM11.887 43.087a2.971 2.971 0 0 0 1.319 1.613l5.858 3.344a.867.867 0 0 1 .345 1.141.865.865 0 0 1-1.2.365l-5-2.85a3 3 0 0 1-1.322-3.613z"
/>
<g fill="#231f20">
<path
d="M23 14h4a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2zM23 22h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2zM23 30h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2zM23 38h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<path
d="M58.58 28.92a4.083 4.083 0 0 0-4.71 2.99l-2.79 8.61a4.019 4.019 0 0 0-3.31-.1A5.084 5.084 0 0 0 48 39V7a5 5 0 0 0-5-5H21a5 5 0 0 0-5 5v32a4.745 4.745 0 0 0 .23 1.42 4.019 4.019 0 0 0-3.31.1l-2.77-8.56a4.107 4.107 0 0 0-4.73-3.04 4.02 4.02 0 0 0-3.18 3.91 4.421 4.421 0 0 0 .13 1.04l4.35 16.22a4.916 4.916 0 0 0 1.52 2.46l6.75 6.01A3.012 3.012 0 0 1 16 60.8v.2a1 1 0 0 0 2 0v-.2a5.03 5.03 0 0 0-1.68-3.74l-6.76-6.01a2.965 2.965 0 0 1-.9-1.47L4.3 33.35a2.121 2.121 0 0 1-.06-.52 2 2 0 0 1 1.58-1.95 2.144 2.144 0 0 1 2.41 1.65l3.07 9.48-.06.09a4.007 4.007 0 0 0-.4 3.03 3.948 3.948 0 0 0 1.87 2.43l5.73 3.31a1 1 0 0 0 1-1.73l-5.73-3.31a2 2 0 0 1-.94-1.21 2.06 2.06 0 0 1 .2-1.52 2.009 2.009 0 0 1 2.73-.74l8.84 5.18A7.052 7.052 0 0 1 28 53.58V61a1 1 0 0 0 2 0v-7.42a9.017 9.017 0 0 0-4.45-7.76L22.45 44h19.1l-3.1 1.82A9.017 9.017 0 0 0 34 53.58V61a1 1 0 0 0 2 0v-7.42a7.052 7.052 0 0 1 3.46-6.04l8.83-5.17a2 2 0 0 1 2.74.73 2.06 2.06 0 0 1 .2 1.52 2 2 0 0 1-.94 1.21l-5.73 3.31a1 1 0 0 0 1 1.73l5.73-3.31a3.948 3.948 0 0 0 1.87-2.43 4.007 4.007 0 0 0-.4-3.03l-.06-.09 3.09-9.53a2.113 2.113 0 0 1 2.38-1.6 2 2 0 0 1 1.59 1.95 1.722 1.722 0 0 1-.07.52l-4.35 16.24a2.981 2.981 0 0 1-.9 1.46l-6.77 6.01A5.056 5.056 0 0 0 46 60.8v.2a1 1 0 0 0 2 0v-.2a3.039 3.039 0 0 1 1-2.24l6.76-6.01a4.931 4.931 0 0 0 1.52-2.45l4.34-16.23a3.955 3.955 0 0 0 .14-1.04 4.02 4.02 0 0 0-3.18-3.91zM46 39a3.009 3.009 0 0 1-3 3H21a3.009 3.009 0 0 1-3-3V7a3.009 3.009 0 0 1 3-3h22a3.009 3.009 0 0 1 3 3z"
/>
<path
d="M40 8h-4a2.006 2.006 0 0 0-2 2v7a2.006 2.006 0 0 0 2 2h4a2.006 2.006 0 0 0 2-2v-7a2.006 2.006 0 0 0-2-2zm-4 2h1v1h-1zm1 7h-1v-1h1zm3 0h-1v-1h1zm0-3h-4v-1h4zm0-3h-1v-1h1z"
/>
</g>
</g>
</svg>
More icons in the same style and category