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 512 512"
>
<path
d="M15.744 76.8h19.712a7.211 7.211 0 0 1 7.211 7.211V427.99a7.211 7.211 0 0 1-7.211 7.211H15.744a7.211 7.211 0 0 1-7.211-7.211V84.011a7.211 7.211 0 0 1 7.211-7.211z"
fill="#fff"
/>
<path
d="M476.544 76.8h19.712a7.211 7.211 0 0 1 7.211 7.211V427.99a7.211 7.211 0 0 1-7.211 7.211h-19.712a7.211 7.211 0 0 1-7.211-7.211V84.011a7.211 7.211 0 0 1 7.211-7.211z"
fill="#a4c2f7"
/>
<path
d="M60.126 76.8h391.748c14.355 0 25.993 11.637 25.993 25.993v306.415c0 14.355-11.637 25.993-25.993 25.993H60.126c-14.355 0-25.993-11.637-25.993-25.993V102.793c0-14.356 11.638-25.993 25.993-25.993z"
fill="#d4e1f4"
/>
<path d="M477.867 119.467h25.6v68.267h-25.6z" fill="#7facfa" />
<path d="M8.533 119.467h25.6v68.267h-25.6z" fill="#fff" />
<linearGradient
id="a"
x1="-48.678"
x2="-48.101"
y1="652.339"
y2="648.589"
gradientTransform="matrix(443.7334 0 0 -68.2667 21728.068 44558.602)"
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="M34.133 119.467h443.733v68.267H34.133z" fill="url(#a)" />
<path
d="M358.4 443.733H35.983C16.119 443.711.022 427.614 0 407.75v-303.5c.022-19.864 16.119-35.961 35.983-35.983h32.283a8.533 8.533 0 0 1 0 17.066H35.983c-10.442.013-18.904 8.475-18.917 18.917v303.5c.013 10.442 8.475 18.904 18.917 18.917H358.4c4.713 0 8.533 3.82 8.533 8.533s-3.82 8.533-8.533 8.533zM476.012 443.733h-49.346a8.533 8.533 0 0 1 0-17.066h49.346c10.444-.011 18.908-8.473 18.921-18.917v-303.5c-.013-10.443-8.477-18.906-18.921-18.917H136.533a8.533 8.533 0 0 1 0-17.066h339.479c19.865.022 35.963 16.119 35.988 35.983v303.5c-.024 19.865-16.123 35.962-35.988 35.983z"
fill="#428dff"
/>
<circle cx="392.533" cy="435.2" r="8.533" fill="#428dff" />
<circle cx="102.4" cy="76.8" r="8.533" fill="#428dff" />
<path
d="M512 196.267H0v-85.333h512v85.333zM17.067 179.2h477.867V128H17.067v51.2zM136.533 247.467H68.267a8.533 8.533 0 0 1 0-17.066h68.267a8.533 8.533 0 1 1-.001 17.066zM238.933 247.467h-68.267a8.533 8.533 0 0 1 0-17.066h68.267a8.533 8.533 0 0 1 0 17.066zM76.8 290.133h-8.533a8.533 8.533 0 0 1 0-17.066H76.8c4.713 0 8.533 3.82 8.533 8.533s-3.82 8.533-8.533 8.533zM128 290.133h-17.067a8.533 8.533 0 0 1 0-17.066H128c4.713 0 8.533 3.82 8.533 8.533s-3.82 8.533-8.533 8.533zM170.667 290.133h-8.533a8.533 8.533 0 0 1 0-17.066h8.533c4.713 0 8.533 3.82 8.533 8.533s-3.82 8.533-8.533 8.533zM221.867 290.133H204.8a8.533 8.533 0 0 1 0-17.066h17.067a8.533 8.533 0 0 1 0 17.066zM256 290.133a13.21 13.21 0 0 1-1.708-.171 5.554 5.554 0 0 1-1.537-.513 6.522 6.522 0 0 1-1.533-.771 12.44 12.44 0 0 1-1.279-1.021 8.97 8.97 0 0 1-2.475-6.059 8.543 8.543 0 0 1 .679-3.246 9.833 9.833 0 0 1 1.796-2.813 8.933 8.933 0 0 1 12.117 0 9.913 9.913 0 0 1 1.792 2.813c.438 1.027.67 2.13.683 3.246a8.988 8.988 0 0 1-2.475 6.059c-.405.366-.833.707-1.279 1.021a6.498 6.498 0 0 1-1.538.771 5.576 5.576 0 0 1-1.537.513c-.565.099-1.134.156-1.706.171zM409.6 290.133h-8.533a8.533 8.533 0 0 1 0-17.066h8.533c4.713 0 8.533 3.82 8.533 8.533s-3.82 8.533-8.533 8.533zM443.733 290.133a11.642 11.642 0 0 1-1.708-.171 5.554 5.554 0 0 1-1.537-.513 6.522 6.522 0 0 1-1.533-.771 12.561 12.561 0 0 1-1.28-1.021 8.97 8.97 0 0 1-2.475-6.059 8.543 8.543 0 0 1 .679-3.246 9.833 9.833 0 0 1 1.796-2.813 8.521 8.521 0 0 1 9.3-1.796 7.716 7.716 0 0 1 4.608 4.608 8.451 8.451 0 0 1-1.791 9.304 8.444 8.444 0 0 1-6.059 2.478zM341.333 247.467h-68.267a8.533 8.533 0 0 1 0-17.066h68.267a8.533 8.533 0 0 1 0 17.066zM443.733 247.467h-68.267a8.533 8.533 0 0 1 0-17.066h68.267a8.533 8.533 0 0 1 0 17.066zM332.8 290.133h-42.667a8.533 8.533 0 0 1 0-17.066H332.8c4.713 0 8.533 3.82 8.533 8.533s-3.82 8.533-8.533 8.533zM366.933 290.133a8.451 8.451 0 0 1-8.533-8.533 8.543 8.543 0 0 1 .679-3.246 7.746 7.746 0 0 1 4.608-4.608 8.532 8.532 0 0 1 9.305 1.795 8.981 8.981 0 0 1 2.475 6.059 11.881 11.881 0 0 1-.171 1.704 5.554 5.554 0 0 1-.513 1.537 6.48 6.48 0 0 1-.771 1.538 7.34 7.34 0 0 1-2.3 2.3 6.498 6.498 0 0 1-1.538.771 5.576 5.576 0 0 1-1.537.513c-.563.098-1.132.155-1.704.17zM321.715 319.149c-24.258 12.624-27.662 40.22-28.491 64.851l14.567-6.034-23.945-20.059c-8.366-7.008-20.501 5.004-12.068 12.068l23.945 20.059A8.65 8.65 0 0 0 310.29 384c.622-18.48 1.492-40.463 20.038-50.114 9.747-5.072 1.127-19.806-8.613-14.737z"
fill="#428dff"
/>
<path
d="M330.246 359.081c17.952 19.512 41.692 10.415 61.267-1.597l-11.675-3.061a30.235 30.235 0 0 0 20.69 16.126c6.763 1.368 34.345-9.732 35.838-7.689 6.413 8.781 21.229.275 14.737-8.614a19.673 19.673 0 0 0-16.283-9.742c-12.438-.783-30.655 18.392-40.244 1.305a8.638 8.638 0 0 0-11.675-3.061c-12.086 7.416-27.875 18.079-40.585 4.265-7.454-8.101-19.499 3.992-12.07 12.068z"
fill="#428dff"
/>
</svg>
More icons in the same style and category