Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as pay, commerce, payment, debit card, payment method, credit card, pay card, and business and finance. Created in a clean circular style with a white, silver, gray, and teal 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 128 128"
>
<linearGradient
id="a"
x1="113.244"
x2="60.529"
y1="113.244"
y2="60.528"
gradientUnits="userSpaceOnUse"
>
<stop offset=".061" stop-color="#fff" stop-opacity="0" />
<stop offset=".162" stop-color="#cdcdcd" stop-opacity=".108" />
<stop offset=".284" stop-color="#979797" stop-opacity=".237" />
<stop offset=".407" stop-color="#696969" stop-opacity=".369" />
<stop offset=".53" stop-color="#434343" stop-opacity=".499" />
<stop offset=".651" stop-color="#262626" stop-opacity=".628" />
<stop offset=".771" stop-color="#111" stop-opacity=".756" />
<stop offset=".888" stop-color="#040404" stop-opacity=".881" />
<stop offset="1" />
</linearGradient>
<circle cx="64" cy="64" r="64" fill="#64798a" />
<path
fill="url(#a)"
d="M97 44.3 34 86.7 75.4 127c26.5-4.8 47.3-25.9 51.7-52.5z"
opacity=".2"
/>
<path
fill="#d5d6db"
d="M94 86.7H34c-1.6 0-3-1.3-3-3v-37c0-1.6 1.3-3 3-3h60c1.6 0 3 1.3 3 3v37c0 1.6-1.3 3-3 3z"
/>
<path
fill="#ebf0f3"
d="M94 84.3H34c-1.6 0-3-1.3-3-3v-37c0-1.6 1.3-3 3-3h60c1.6 0 3 1.3 3 3v37c0 1.7-1.3 3-3 3z"
/>
<path fill="#3a556a" d="M31 49.2h66v9.7H31z" />
<g fill="#d5d6db">
<path d="M35.2 65.2h47.9v3.7H35.2zM35.2 73.6h37.3v3.7H35.2z" />
</g>
</svg>
More icons in the same style and category