Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as business, money, card, banking, payment, credit, payment method, credit card, pay card, chip, and business and finance. Created in a clean lineal color style, 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 0h-30v-345H0c16.568 0 30 13.432 30 30v285C30-13.431 16.568 0 0 0"
transform="translate(474.5 428.5)"
fill="#008baa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v285c0 16.569-13.432 30-30 30h-407c-16.568 0-30-13.431-30-30V0c0-16.568 13.432-30 30-30h407C-13.432-30 0-16.568 0 0"
transform="translate(474.5 113.5)"
fill="#00add2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-45H0c12.427 0 22.5 10.073 22.5 22.5C22.5-10.074 12.427 0 0 0"
transform="translate(422 188.5)"
fill="#016e87"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 12.426-10.073 22.5-22.5 22.5H-91c-12.426 0-22.5-10.074-22.5-22.5 0-12.427 10.074-22.5 22.5-22.5h68.5C-10.073-22.5 0-12.427 0 0"
transform="translate(414.5 166)"
fill="#008baa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-15L0-30h30V0Z"
transform="translate(414.5 263.5)"
fill="#63e4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M67.5 233.5h347v30h-347z"
fill="#bdf4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-75H0c8.284 0 15 6.716 15 15v45C15-6.716 8.284 0 0 0"
transform="translate(157.5 368.5)"
fill="#ffcd37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v45c0 8.284-6.716 15-15 15h-45c-8.284 0-15-6.716-15-15V0c0-8.284 6.716-15 15-15h45C-6.716-15 0-8.284 0 0"
transform="translate(142.5 308.5)"
fill="#ffdf7d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-165c0-16.568 13.432-30 30-30h437c16.568 0 30 13.432 30 30v285c0 16.569-13.432 30-30 30H30c-16.568 0-30-13.431-30-30V30"
transform="translate(7.5 278.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M67.5 233.5h377v30h-377z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h188.5"
transform="translate(67.5 203.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-75c-8.284 0-15 6.716-15 15v45c0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15V15C15 6.716 8.284 0 0 0Z"
transform="translate(157.5 293.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.426 10.074-22.5 22.5-22.5H121c12.427 0 22.5 10.074 22.5 22.5S133.427 22.5 121 22.5H22.5C10.074 22.5 0 12.426 0 0Z"
transform="translate(301 166)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category