Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as money, bank, credit card, atm machine, insert, cash machine, cash point, and business and finance. Created in a clean outline color style with a white, silver, and pink 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 512 512"
>
<g>
<rect width="464" height="128" x="24" y="8" fill="#eaf2ff" rx="16" />
<path
fill="#c1d1f7"
d="M472 112H40a16 16 0 0 1-16-16v24a16 16 0 0 0 16 16h432a16 16 0 0 0 16-16V96a16 16 0 0 1-16 16z"
/>
<path
d="M472 144H96a8 8 0 0 1 0-16h376a8 8 0 0 0 8-8V24a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h24a8 8 0 0 1 0 16H40a24 24 0 0 1-24-24V24A24 24 0 0 1 40 0h432a24 24 0 0 1 24 24v96a24 24 0 0 1-24 24z"
/>
<path fill="#dcdcdc" d="M56 40h400v64H56z" />
<path
d="M456 112H56a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h400a8 8 0 0 1 8 8v64a8 8 0 0 1-8 8zM64 96h384V48H64z"
/>
<path fill="#a8edfd" d="M416 40v328H112a16 16 0 0 1-16-16V40z" />
<path
fill="#8bd4de"
d="M333.82 237.59a41.09 41.09 0 0 0-50 23.54c-12.27 29.56-7 60.32 10.13 82.87H112a16 16 0 0 1-16-16v24a16 16 0 0 0 16 16h304V266.65c-26.67-9.27-70.1-25.33-82.18-29.06z"
/>
<path
d="M416 376H112a24 24 0 0 1-24-24V40a8 8 0 0 1 8-8h320a8 8 0 0 1 8 8v328a8 8 0 0 1-8 8zM104 48v304a8 8 0 0 0 8 8h296V48z"
/>
<path
fill="#e0c3aa"
d="M472 178.24v181.51A121.5 121.5 0 0 1 456 420a121.55 121.55 0 0 0-16 60v24H232v-29.17A113.68 113.68 0 0 0 220 424a113.8 113.8 0 0 1-12-50.83V368h152l-35.72-27.26A59 59 0 0 1 305.7 271c3.92-9.41 13.1-12.89 21.06-10.44L416 288V104a77.2 77.2 0 0 1 56 74.24z"
/>
<path fill="#d0a37f" d="M232 480h208v24H232z" />
<path
d="M440 512a8 8 0 0 1-8-8v-23.75A129.7 129.7 0 0 1 449.05 416 113.59 113.59 0 0 0 464 359.75V178.24a69.56 69.56 0 0 0-40-62.73V288a8 8 0 0 1-10.35 7.65l-89.25-27.47a9.12 9.12 0 0 0-11.08 5.29 51 51 0 0 0 15.81 60.91l35.72 27.26A8 8 0 0 1 360 376H208a8 8 0 0 1 0-16h128.33l-16.91-12.9a67 67 0 0 1-21.1-79.23c5.65-13.39 19-18.6 30.79-15l78.89 24.3V104a8 8 0 0 1 10.2-7.69 85.56 85.56 0 0 1 61.8 81.93v181.51A129.7 129.7 0 0 1 463 424a113.59 113.59 0 0 0-15 56.25V504a8 8 0 0 1-8 8zM232 512a8 8 0 0 1-8-8v-29.17a106.14 106.14 0 0 0-11.16-47.25 122.24 122.24 0 0 1-9.4-25.69 8 8 0 0 1 15.56-3.78 105.41 105.41 0 0 0 8.17 22.31A122.33 122.33 0 0 1 240 474.83V504a8 8 0 0 1-8 8z"
/>
<path
d="M304 464a8 8 0 0 1-8-8v-32a64.07 64.07 0 0 1 64-64 8 8 0 0 1 0 16 48.05 48.05 0 0 0-48 48v32a8 8 0 0 1-8 8z"
/>
<path fill="#ead590" d="M296 40h80v64h-80z" />
<path
d="M376 112h-80a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v64a8 8 0 0 1-8 8zm-72-16h64V48h-64zM216 96a8 8 0 0 1-8-8V40a8 8 0 0 1 16 0v48a8 8 0 0 1-8 8zM216 192a8 8 0 0 1-8-8v-48a8 8 0 0 1 16 0v48a8 8 0 0 1-8 8zM216 288a8 8 0 0 1-8-8v-48a8 8 0 0 1 16 0v48a8 8 0 0 1-8 8zM160 200a8 8 0 0 1-8-8V40a8 8 0 0 1 16 0v152a8 8 0 0 1-8 8z"
/>
<path
fill="#f6f6f6"
d="M374.92 275.35a48.21 48.21 0 0 1-56.64 14.2l-16.12-6.91A58 58 0 0 1 305.7 271c3.92-9.41 13.1-12.89 21.06-10.44z"
/>
<path
d="M315.12 296.9 299 290a8 8 0 0 1-4.71-8.85 65.72 65.72 0 0 1 4-13.28c5.58-13.39 19.08-18.58 30.78-15l48.16 14.82a8 8 0 0 1 3.9 12.65 56.39 56.39 0 0 1-66.01 16.56zm-3.51-18.9 9.82 4.2a40.31 40.31 0 0 0 37.81-3.29l-34.83-10.72a9.13 9.13 0 0 0-11.09 5.3c-.57 1.36-1.06 2.51-1.71 4.51zM56 232a8 8 0 0 1-5.66-2.34L40 219.31l-10.34 10.35a8 8 0 0 1-11.32-11.32l16-16a8 8 0 0 1 11.32 0l16 16A8 8 0 0 1 56 232z"
/>
</g>
</svg>
More icons in the same style and category