Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as finance, shield, protection, safety, commerce, payment, 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="58" height="38" x="3" y="3" fill="#57a4ff" rx="4" />
<path
fill="#2488ff"
d="M57 3h-3a4 4 0 0 1 4 4v30a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4z"
/>
<path fill="#f1f2f2" d="M11 23h6v4h-6zM47 23h6v4h-6z" />
<path fill="#ffa733" d="M21 9h-1.99v4H23v-2a2 2 0 0 0-2-2z" />
<path fill="#ff9811" d="M11 13v2a2 2 0 0 0 2 2h2.005v-4z" />
<path fill="#ffb655" d="M13 9a2 2 0 0 0-2 2v2h4.005V9z" />
<path fill="#ee8700" d="M15.01 9h4v8h-4z" />
<path fill="#ff9811" d="M19.01 17H21a2 2 0 0 0 2-2v-2h-3.99z" />
<path
fill="#7ed63e"
d="M47 31v7.16a23.983 23.983 0 0 1-10.69 19.96L32 61l-4.31-2.88A23.983 23.983 0 0 1 17 38.16V31l15-6z"
/>
<path
fill="#5eac24"
d="m32 29.308-11 4.4v4.448A19.96 19.96 0 0 0 29.906 54.8L32 56.192l2.094-1.4A19.96 19.96 0 0 0 43 38.156v-4.448z"
/>
<g fill="#231f20">
<path
d="M57 2H7a5.006 5.006 0 0 0-5 5v30a5.006 5.006 0 0 0 5 5h9.307a24.935 24.935 0 0 0 10.826 16.957l4.312 2.875a1 1 0 0 0 1.11 0l4.312-2.875A24.935 24.935 0 0 0 47.693 42H57a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5zM46 38.156a22.954 22.954 0 0 1-10.242 19.137L32 59.8l-3.758-2.505A22.954 22.954 0 0 1 18 38.156v-6.479l14-5.6 14 5.6zM60 37a3 3 0 0 1-3 3h-9.075c.045-.611.075-1.225.075-1.844V31a1 1 0 0 0-.629-.929l-15-6a1.011 1.011 0 0 0-.742 0l-15 6A1 1 0 0 0 16 31v7.156c0 .619.03 1.233.075 1.844H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3z"
/>
<path
d="M17 22h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM53 22h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM31.629 28.379l-11 4.4a1 1 0 0 0-.629.929v4.448a20.957 20.957 0 0 0 9.352 17.473l2.093 1.4a1 1 0 0 0 1.11 0l2.093-1.4A20.957 20.957 0 0 0 44 38.156v-4.448a1 1 0 0 0-.629-.929l-11-4.4a1.011 1.011 0 0 0-.742 0zM42 34.385v3.771a18.962 18.962 0 0 1-8.461 15.809L32 54.991l-1.539-1.026A18.962 18.962 0 0 1 22 38.156v-3.771l10-4zM21 8h-8a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3zm1 3v1h-1.99v-2H21a1 1 0 0 1 1 1zm-6-1h2.01v6h-2.005zm-3 0h1.005v2H12v-1a1 1 0 0 1 1-1zm-1 5v-1h2.005v2H13a1 1 0 0 1-1-1zm9 1h-.99v-2H22v1a1 1 0 0 1-1 1z"
/>
<path
d="M28.172 40.757a1 1 0 0 0-1.414 1.414l3.535 3.536a1 1 0 0 0 1.414 0l7.071-7.071a1 1 0 0 0-1.414-1.414L31 43.586z"
/>
</g>
</g>
</svg>
More icons in the same style and category