Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as debit card, payment method, credit card, bank card, pay card, atm card, and business and finance. Created in a clean flat style with a white, gray, red, yellow, teal, orange, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 391.166-71.431h36.945c12.815 0 23.202 10.387 23.202 23.202V88.796l-224.625 21.228L0 88.796Z"
transform="translate(60.687 291.672)"
fill="#ff0557"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-151.135l165.51-30.223h36.946c12.814 0 23.201 10.386 23.201 23.201v137.025L1.032.097Z"
transform="translate(286.343 401.6)"
fill="#eb004a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.539-9.355 20.894-20.895 20.894h-409.524c-11.54 0-20.894-9.355-20.894-20.894v-41.557l226.688-21.73L0-41.557Z"
transform="translate(512 491.106)"
fill="#ff5a6a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-204.763v-84.082l1.033-.099L20.895-62.45v41.556C20.895-9.354 11.539 0 0 0"
transform="translate(491.106 512)"
fill="#ff0557"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M60.687 380.468H512v69.081H60.687Z"
fill="#516788"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M286.343 380.468H512v69.081H286.343Z"
fill="#364b6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-409.524c-11.539 0-20.895-9.354-20.895-20.895v-249.969c0-11.539 9.356-20.895 20.895-20.895H0c11.54 0 20.895 9.356 20.895 20.895v249.969C20.895-9.354 11.54 0 0 0"
transform="translate(430.418 291.758)"
fill="#ff5a6a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-304.888c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(370.418 49.209)"
fill="#ff0557"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-95.106c-8.8 0-15.934 7.134-15.934 15.934 0 8.799 7.134 15.933 15.934 15.933H0c8.8 0 15.934-7.134 15.934-15.933C15.934 7.134 8.8 0 0 0"
transform="translate(159.529 207.239)"
fill="#fff7c7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.8-7.133-15.934-15.934-15.934-8.799 0-15.933 7.134-15.933 15.934 0 8.8 7.134 15.934 15.933 15.934C-7.133 15.934 0 8.8 0 0"
transform="translate(82.398 126.797)"
fill="#edf5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.8-7.134-15.934-15.934-15.934-8.799 0-15.933 7.134-15.933 15.934 0 8.8 7.134 15.934 15.933 15.934C-7.134 15.934 0 8.8 0 0"
transform="translate(141.6 126.797)"
fill="#edf5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.8-7.134-15.934-15.934-15.934-8.799 0-15.933 7.134-15.933 15.934 0 8.8 7.134 15.934 15.933 15.934C-7.134 15.934 0 8.8 0 0"
transform="translate(200.8 126.797)"
fill="#edf5fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-204.762v-291.759H0c11.539 0 20.895 9.356 20.895 20.895v249.969C20.895-9.354 11.539 0 0 0"
transform="translate(430.418 291.758)"
fill="#ff0557"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-144.762v-30H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(370.418 79.209)"
fill="#eb004a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.652-18.363-41.016-41.016-41.016S-82.032-22.652-82.032 0c0 22.652 18.363 41.016 41.016 41.016S0 22.652 0 0"
transform="translate(392.585 198.09)"
fill="#ffe05f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category