Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as pay, commerce, debit card, payment method, credit 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="100"
height="100"
viewBox="0 0 511.998 511.998"
>
<path d="m68.267 486.399-34.134-17.066V51.199h34.134z" fill="#fff" />
<path
d="m341.333 486.399 25.6-8.533 8.534-17.067v-409.6h-34.134z"
fill="#a4c2f7"
/>
<path
d="M59.733 51.199v407.748c0 15.161 12.291 27.452 27.452 27.452h235.23c15.161 0 27.452-12.291 27.452-27.452V51.199H59.733z"
fill="#d4e1f4"
/>
<linearGradient
id="a"
x1="-48.548"
x2="-47.495"
y1="651.813"
y2="650.911"
gradientTransform="matrix(102.4 0 0 -119.4667 5199 77923.844)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<path
d="M230.4 51.199v108.759a10.706 10.706 0 0 0 10.707 10.707h80.985a10.706 10.706 0 0 0 10.707-10.707V51.199H230.4z"
fill="url(#a)"
/>
<path
d="M34.133 51.199v17.067h-25.6V25.599h392.534v42.667h-25.6V51.199"
fill="#fff"
/>
<path
d="M85.333 145.066h51.2v68.267h-51.2zM85.333 247.466h51.2v68.267h-51.2zM85.333 349.866h51.2v68.267h-51.2zM85.333 51.199h51.2v59.733h-51.2z"
fill="#a4c2f7"
/>
<path
d="M145.067 221.866H76.8v-85.333h68.267v85.333zm-51.2-17.067H128v-51.2H93.867v51.2zM145.067 324.266H76.8v-85.333h68.267v85.333zm-51.2-17.067H128v-51.2H93.867v51.2zM145.067 426.666H76.8v-85.333h68.267v85.333zm-51.2-17.067H128v-51.2H93.867v51.2zM322.092 179.199h-12.717c-10.621-.013-19.229-8.62-19.242-19.242v-29.783a2.177 2.177 0 0 0-2.175-2.175h-46.85c-10.621-.013-19.229-8.62-19.242-19.242V96.041c.013-10.621 8.62-19.229 19.242-19.242h80.983c10.621.013 19.229 8.62 19.242 19.242v63.917c-.013 10.621-8.62 19.228-19.241 19.241zm-80.984-85.333a2.177 2.177 0 0 0-2.175 2.175v12.717a2.177 2.177 0 0 0 2.175 2.175h46.85c10.621.013 19.229 8.62 19.242 19.242v29.783a2.177 2.177 0 0 0 2.175 2.175h12.717a2.177 2.177 0 0 0 2.175-2.175V96.041a2.177 2.177 0 0 0-2.175-2.175h-80.984z"
fill="#428dff"
/>
<path
d="M264.533 179.199a8.525 8.525 0 0 1-8.533-8.533v-51.2a8.533 8.533 0 0 1 17.066 0v51.2a8.525 8.525 0 0 1-8.533 8.533zM298.667 93.866a8.525 8.525 0 0 1-8.533-8.533V51.199a8.533 8.533 0 0 1 17.066 0v34.133a8.525 8.525 0 0 1-2.498 6.035 8.526 8.526 0 0 1-6.035 2.499zM264.533 93.866A8.525 8.525 0 0 1 256 85.333V51.199a8.533 8.533 0 0 1 17.066 0v34.133a8.525 8.525 0 0 1-2.498 6.035 8.522 8.522 0 0 1-6.035 2.499zM307.2 307.199a8.525 8.525 0 0 1-8.533-8.533v-76.8a8.533 8.533 0 0 1 17.066 0v76.8a8.525 8.525 0 0 1-8.533 8.533zM307.2 418.133a8.525 8.525 0 0 1-8.533-8.533v-76.8c0-4.713 3.82-8.533 8.533-8.533s8.533 3.82 8.533 8.533v76.8a8.525 8.525 0 0 1-8.533 8.533zM264.533 238.933A8.525 8.525 0 0 1 256 230.4v-8.533a8.533 8.533 0 0 1 17.066 0v8.533a8.525 8.525 0 0 1-8.533 8.533zM264.533 290.133A8.525 8.525 0 0 1 256 281.6v-17.067a8.533 8.533 0 0 1 17.066 0V281.6a8.525 8.525 0 0 1-8.533 8.533zM264.533 332.799a8.525 8.525 0 0 1-8.533-8.533v-8.533a8.533 8.533 0 0 1 17.066 0v8.533a8.525 8.525 0 0 1-8.533 8.533zM264.533 383.999a8.525 8.525 0 0 1-8.533-8.533v-17.067a8.533 8.533 0 0 1 17.066 0v17.067a8.525 8.525 0 0 1-8.533 8.533zM264.533 418.133a8.546 8.546 0 0 1-3.242-.683 8.788 8.788 0 0 1-2.817-1.792 9.92 9.92 0 0 1-1.792-2.817 7.1 7.1 0 0 1-.683-3.241 8.546 8.546 0 0 1 .683-3.242 8.238 8.238 0 0 1 9.467-5.125 5.283 5.283 0 0 1 1.625.517c.544.184 1.06.442 1.533.767.425.341.858.683 1.283 1.025a8.788 8.788 0 0 1 1.792 2.817 8.03 8.03 0 0 1 0 6.483 9.92 9.92 0 0 1-1.792 2.817 8.477 8.477 0 0 1-6.057 2.474z"
fill="#428dff"
/>
<path
d="M34.133 358.399a8.525 8.525 0 0 1-8.533-8.533v-307.2H384v76.8a8.533 8.533 0 0 1-17.066 0V59.733H42.667v290.133a8.525 8.525 0 0 1-8.534 8.533zM348.017 494.933H61.583c-19.864-.022-35.961-16.119-35.983-35.983v-40.808a8.533 8.533 0 0 1 17.066 0v40.808c.01 10.443 8.473 18.907 18.917 18.917h286.433c10.443-.01 18.907-8.473 18.917-18.917V187.733a8.533 8.533 0 0 1 17.066 0V458.95c-.021 19.863-16.118 35.96-35.982 35.983z"
fill="#428dff"
/>
<path
d="M145.067 119.466H76.8v-76.8h68.267v76.8zm-51.2-17.067H128V59.733H93.867v42.666zM322.092 179.199h-80.983c-10.621-.013-19.229-8.62-19.242-19.242V42.666h119.467v117.292c-.014 10.621-8.621 19.228-19.242 19.241zM238.933 59.733v100.225a2.177 2.177 0 0 0 2.175 2.175h80.983a2.177 2.177 0 0 0 2.175-2.175V59.733h-85.333z"
fill="#428dff"
/>
<path
d="M409.6 76.799H384a8.533 8.533 0 0 1 0-17.066h8.533v-25.6H17.067v25.6H25.6a8.533 8.533 0 0 1 0 17.066H0V17.066h409.6v59.733zM401.067 307.199a8.533 8.533 0 0 1-6.033-14.566l51.2-51.2a8.532 8.532 0 1 1 12.066 12.066l-51.2 51.2a8.504 8.504 0 0 1-6.033 2.5z"
fill="#428dff"
/>
<path
d="M503.467 307.199a8.502 8.502 0 0 1-6.033-2.5l-51.2-51.2a8.533 8.533 0 0 1 12.066-12.066l51.2 51.2a8.533 8.533 0 0 1-6.033 14.566z"
fill="#428dff"
/>
<path
d="M452.267 494.933a8.525 8.525 0 0 1-8.533-8.533V247.466a8.533 8.533 0 0 1 17.066 0v238.933a8.53 8.53 0 0 1-8.533 8.534z"
fill="#428dff"
/>
<circle cx="34.133" cy="383.999" r="8.533" fill="#428dff" />
<circle cx="375.467" cy="153.599" r="8.533" fill="#428dff" />
</svg>
More icons in the same style and category