Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as time, card, payment, debit card, credit, commerce and shopping, credit card, and business and finance. Created in a clean lineal color style with a gray, black, yellow, teal, and orange 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 56"
>
<g fill="none" fill-rule="evenodd">
<g fill-rule="nonzero">
<path
fill="#02a9f4"
d="M59 39c0 8.837-7.163 16-16 16s-16-7.163-16-16c-.002-.669.041-1.337.13-2a15.4 15.4 0 0 1 1.48-5 16.126 16.126 0 0 1 5.05-6A15.935 15.935 0 0 1 43 23c.669-.002 1.337.041 2 .13a15.4 15.4 0 0 1 5 1.48A15.984 15.984 0 0 1 59 39z"
/>
<path
fill="#0377bc"
d="M50 24.61a15.4 15.4 0 0 0-5-1.48 14.713 14.713 0 0 0-2-.13c-.514 0-1.019.031-1.52.078.173.017.347.028.52.052a15.4 15.4 0 0 1 5 1.48 16 16 0 0 1-5.5 30.314c.494.046.994.076 1.5.076a16 16 0 0 0 7-30.39z"
/>
<path
fill="#f57c00"
d="M28.61 32a15.4 15.4 0 0 0-1.48 5H8a2.006 2.006 0 0 1-2-2v-3zM50 8.94v15.67a15.4 15.4 0 0 0-5-1.48V6.94h3a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#ff9801"
d="M45 3.94V19H1V3.94a2.006 2.006 0 0 1 2-2h40a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#f57c00"
d="M43 1.94h-3a2.006 2.006 0 0 1 2 2V19h3V3.94a2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#ff9801"
d="M33.66 26a16.126 16.126 0 0 0-5.05 6H3a2.006 2.006 0 0 1-2-2v-4z"
/>
<path
fill="#f57c00"
d="M30.66 26a16.126 16.126 0 0 0-5.05 6h3a16.126 16.126 0 0 1 5.05-6z"
/>
<path
fill="#607d8b"
d="M45 19v4.13a14.713 14.713 0 0 0-2-.13 15.935 15.935 0 0 0-9.34 3H1v-7z"
/>
<path
fill="#37474f"
d="M42 19v4.04c.331-.021.663-.04 1-.04.669-.002 1.337.041 2 .13V19zM40 23a15.935 15.935 0 0 0-9.34 3h3c2.3-1.652 5-2.661 7.82-2.922C40.992 23.031 40.5 23 40 23z"
/>
<rect width="12" height="9" x="6" y="6" fill="#ffdc00" rx="2" />
<path
fill="#fec108"
d="M16 6h-3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2z"
/>
</g>
<path
stroke="#000"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M10 6h4v9h-4z"
/>
<path
fill="#000"
fill-rule="nonzero"
d="M43 22c-9.389 0-17 7.611-17 17s7.611 17 17 17 17-7.611 17-17c-.01-9.385-7.615-16.99-17-17zm0 32c-8.284 0-15-6.716-15-15s6.716-15 15-15 15 6.716 15 15c-.01 8.28-6.72 14.99-15 15z"
/>
<path
fill="#000"
fill-rule="nonzero"
d="M52 38h-8V28a1 1 0 0 0-2 0v11a1 1 0 0 0 1 1h9a1 1 0 0 0 0-2zM43 .94H3a3 3 0 0 0-3 3V30a3 3 0 0 0 3 3h2v2a3 3 0 0 0 3 3h15.1a1 1 0 0 0 0-2H8a1 1 0 0 1-1-1v-2h17.26a1 1 0 0 0 0-2H3a1 1 0 0 1-1-1v-3h25.81a1 1 0 0 0 0-2H2v-5h43a1 1 0 0 0 1-1V7.94h2a1 1 0 0 1 1 1v11.32a1 1 0 0 0 2 0V8.94a3 3 0 0 0-3-3h-2v-2a3 3 0 0 0-3-3zM44 18H2V3.94a1 1 0 0 1 1-1h40a1 1 0 0 1 1 1z"
/>
<path
fill="#000"
fill-rule="nonzero"
d="M16 5H8a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3zm-9 8V8a1 1 0 0 1 1-1h1v7H8a1 1 0 0 1-1-1zm4 1V7h2v7zm6-1a1 1 0 0 1-1 1h-1V7h1a1 1 0 0 1 1 1zM40 7H23a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2zM32 12h-9a1 1 0 0 0 0 2h9a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category