Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as broken, warning, problem, payment, debit card, issue, alert, credit card, business and finance, and debt. Created in a clean blue style with a white and silver 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 60"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1 1)">
<path
fill="#e8edfc"
d="M19.36 27A16.9 16.9 0 0 0 14 33H4a4 4 0 0 1-4-4v-2z"
/>
<path
fill="#cad9fc"
d="M16.36 27A16.9 16.9 0 0 0 11 33h3a16.9 16.9 0 0 1 5.36-6z"
/>
<path
fill="#e8edfc"
d="m23 16 1 5H0V4a4 4 0 0 1 4-4h15l6 4-1 3 3 4z"
/>
<path
fill="#cad9fc"
d="m27 11-3-4 1-3-6-4h-3l6 4-1 3 3 4-4 5 1 5h3l-1-5z"
/>
<path
fill="#a4c2f7"
d="M24.71 24.54A16.948 16.948 0 0 0 19.36 27H0v-6h24z"
/>
<path
fill="#7facfa"
d="M24 21h-3l.71 3.54A16.948 16.948 0 0 0 16.36 27h3a16.948 16.948 0 0 1 5.35-2.46z"
/>
<path
fill="#e8edfc"
d="M58 27v2a4 4 0 0 1-4 4H44a16.9 16.9 0 0 0-5.36-6z"
/>
<path
fill="#cad9fc"
d="M55 27v2a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4v-2z"
/>
<path
fill="#e8edfc"
d="M58 4v17H35.71L35 16l2-5-3-4 1-3-6-4h25a4 4 0 0 1 4 4z"
/>
<path
fill="#cad9fc"
d="M54 0h-3a4 4 0 0 1 4 4v17h3V4a4 4 0 0 0-4-4z"
/>
<path
fill="#a4c2f7"
d="M58 21v6H38.64a15.887 15.887 0 0 0-2.26-1.32L35.71 21z"
/>
<path fill="#7facfa" d="M55 21h3v6h-3z" />
<path
fill="#e8edfc"
d="M46 41c0 9.389-7.611 17-17 17s-17-7.611-17-17a17.052 17.052 0 0 1 12.71-16.46A17.328 17.328 0 0 1 29 24a16.869 16.869 0 0 1 9.64 3A16.991 16.991 0 0 1 46 41z"
/>
<path
fill="#cad9fc"
d="M44 33a16.9 16.9 0 0 0-5.36-6A16.869 16.869 0 0 0 29 24c-.532 0-1.056.033-1.576.08a16.81 16.81 0 0 1 5.956 1.6c.788.377 1.544.819 2.26 1.32a16.992 16.992 0 0 1-8.14 30.924c.5.044.994.076 1.5.076 9.389 0 17-7.611 17-17 .007-2.791-.68-5.54-2-8z"
/>
<rect width="12" height="8" x="5" y="6" fill="#e8edfc" rx="4" />
<path fill="#cad9fc" d="M13 6h-3a4 4 0 1 1 0 8h3a4 4 0 1 0 0-8z" />
</g>
<g fill="#fff">
<path
d="M31.424 25.08c-.471-.038-.942-.08-1.424-.08-.467 0-.926.032-1.384.071l.094.469a17.418 17.418 0 0 1 2.714-.46zM5 34h3a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4H5a4 4 0 0 0-4 4v25a4 4 0 0 0 4 4z"
/>
</g>
<path fill="#fff" d="M0 5h2v8H0z" />
<g fill="#428dff">
<path
d="M14 16a5 5 0 0 0 0-10h-4a5 5 0 1 0 0 10zm-7-5a3 3 0 0 1 3-3h4a3 3 0 0 1 0 6h-4a3 3 0 0 1-3-3zM1.02 10a1 1 0 0 1-.01-2h.01a1 1 0 1 1 0 2z"
/>
<path
d="M5 35h5.59a1 1 0 0 0 0-2H5a3 3 0 0 1-3-3v-1h12.36a1 1 0 0 0 0-2H2v-4h23a1 1 0 0 0 .98-1.2l-.908-4.543 3.709-4.636A1 1 0 0 0 28.8 11.4l-2.686-3.581.834-2.5a1 1 0 0 0-.393-1.148l-6-4A1.006 1.006 0 0 0 20 0H5a5.006 5.006 0 0 0-5 5 1 1 0 1 0 2 0 3 3 0 0 1 3-3h14.7l5.11 3.408-.758 2.276a1 1 0 0 0 .148.916l2.535 3.38-3.516 4.395a1 1 0 0 0-.2.821l.76 3.8H2V13a1 1 0 0 0-2 0v17a5.006 5.006 0 0 0 5 5zM55 0H30a1 1 0 0 0-.555 1.832l5.365 3.576-.758 2.276a1 1 0 0 0 .148.916l2.663 3.55-1.792 4.478c-.065.163-.086.34-.061.513l.71 5a1 1 0 0 0 .99.859H58v4H45.64a1 1 0 0 0 0 2H58v1a3 3 0 0 1-3 3h-5.59a1 1 0 0 0 0 2H55a5.006 5.006 0 0 0 5-5V5a5.006 5.006 0 0 0-5-5zm3 21H37.578l-.551-3.876 1.9-4.752a1 1 0 0 0-.127-.972l-2.686-3.581.834-2.5a1 1 0 0 0-.393-1.148L33.3 2H55a3 3 0 0 1 3 3z"
/>
<path
d="M54 7H43a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM54 12H43a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM30 24c-9.941 0-18 8.059-18 18s8.059 18 18 18 18-8.059 18-18c-.012-9.936-8.064-17.988-18-18zm0 34c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16c-.01 8.832-7.168 15.99-16 16z"
/>
<path
d="M30 31a1 1 0 0 0-1 1v13a1 1 0 0 0 2 0V32a1 1 0 0 0-1-1zM30 48a1 1 0 0 0-1 1v3a1 1 0 0 0 2 0v-3a1 1 0 0 0-1-1z"
/>
</g>
</g>
</svg>
More icons in the same style and category