Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as money, bank, payment, payment method, credit card, pay card, and business and finance. 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"
>
<path
fill="#e8edfc"
d="M59 29v24a6 6 0 0 1-6 6H7a6 6 0 0 1-6-6V29a5.958 5.958 0 0 1 2.97-5.17A5.884 5.884 0 0 1 7 23h46a6 6 0 0 1 6 6z"
/>
<path
fill="#cad9fc"
d="M56.68 24.26A5.955 5.955 0 0 0 53 23h-3a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6h3a6 6 0 0 0 6-6V29a6.01 6.01 0 0 0-2.32-4.74z"
/>
<path
fill="#e8edfc"
d="M56.68 24.26A5.955 5.955 0 0 0 53 23H7a5.884 5.884 0 0 0-3.03.83l-1.36-8.69 51.37-8.06z"
/>
<path
fill="#cad9fc"
d="M53.488 23.041a5.939 5.939 0 0 1 3.192 1.219l-2.7-17.18-2.928.459z"
/>
<path
fill="#c6d8fb"
d="M53.98 7.08 2.61 15.14l-.12-.75a6.182 6.182 0 0 1 4.96-7.07l39.52-6.2a6 6 0 0 1 6.86 5z"
/>
<path
fill="#a4c3fd"
d="M53.83 6.12a6 6 0 0 0-6.86-5l-.63.1a6.013 6.013 0 0 1 4.49 4.9l.15.96-48.444 7.6.074.459L53.98 7.08z"
/>
<rect width="12" height="6" x="6" y="29" fill="#c6d8fb" rx="2" />
<rect
width="6"
height="4"
x="41"
y="30"
fill="#c6d8fb"
rx="1"
transform="rotate(90 44 32)"
/>
<rect
width="6"
height="4"
x="33"
y="30"
fill="#c6d8fb"
rx="1"
transform="rotate(90 36 32)"
/>
<rect
width="6"
height="4"
x="49"
y="30"
fill="#c6d8fb"
rx="1"
transform="rotate(90 52 32)"
/>
<circle cx="45" cy="47" r="8" fill="#a4c2f7" />
<path
fill="#fff"
d="M4 53V29a5.958 5.958 0 0 1 2.97-5.17l-1.36-8.69-.074-.459-.046-.291a6.182 6.182 0 0 1 4.96-7.07l38.89-6.1a5.971 5.971 0 0 0-2.37-.1l-.63.1L7.45 7.322a6.182 6.182 0 0 0-4.96 7.07l.046.291.074.459 1.36 8.69A5.958 5.958 0 0 0 1 29v24a6 6 0 0 0 6 6h3a6 6 0 0 1-6-6z"
/>
<path fill="#fff" d="M0 45h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="49" r="1" />
<path
d="m57.612 23.748-2.8-17.785a7 7 0 0 0-8-5.831L7.3 6.332a6.816 6.816 0 0 0-4.473 2.777A7.348 7.348 0 0 0 1.5 14.545l.116.738v.018l1.262 8.051A6.987 6.987 0 0 0 0 29v16a1 1 0 0 0 2 0V29a5.006 5.006 0 0 1 5-5h46a5.006 5.006 0 0 1 5 5v24a5.006 5.006 0 0 1-5 5H7a5.006 5.006 0 0 1-5-5 1 1 0 0 0-2 0 7.008 7.008 0 0 0 7 7h46a7.008 7.008 0 0 0 7-7V29a6.978 6.978 0 0 0-2.388-5.252zM3.464 13.99a5.335 5.335 0 0 1 .98-3.7 4.833 4.833 0 0 1 3.161-1.982l39.522-6.2a4.994 4.994 0 0 1 5.707 4.137zM53 22H7a6.963 6.963 0 0 0-2.246.376l-1-6.407 49.4-7.749 2.232 14.205A6.956 6.956 0 0 0 53 22z"
/>
<path
d="M16 28H8a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zM45 36a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2zm-2-6h2v4h-2zM37 28h-2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2zm0 6h-2v-4h2zM53 36a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2zm-2-6h2v4h-2zM6 53h23a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM6 48h5a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM14 47a1 1 0 0 0 1 1h5a1 1 0 0 0 0-2h-5a1 1 0 0 0-1 1zM29 48a1 1 0 0 0 0-2h-5a1 1 0 0 0 0 2zM36 47a9 9 0 1 0 9-9 9.01 9.01 0 0 0-9 9zm2.08 1h2.945a16.166 16.166 0 0 0 1.075 5.361A7.009 7.009 0 0 1 38.08 48zm13.84-2h-2.945a16.166 16.166 0 0 0-1.075-5.361A7.009 7.009 0 0 1 51.92 46zm-2.945 2h2.945a7.009 7.009 0 0 1-4.02 5.361A16.166 16.166 0 0 0 48.975 48zM45 40c.536 0 1.786 2.1 1.974 6h-3.948c.188-3.9 1.438-6 1.974-6zm1.974 8c-.188 3.9-1.438 6-1.974 6s-1.786-2.1-1.974-6zM42.1 40.639A16.166 16.166 0 0 0 41.025 46H38.08a7.009 7.009 0 0 1 4.02-5.361z"
/>
</g>
</svg>
More icons in the same style and category