Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as card, protection, insurance, debit card, credit card, safe, payment protection, and business and finance. Created in a clean gradient 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="3.89"
x2="496.5"
y1="449.5"
y2="449.5"
>
<stop offset="0" stop-color="#7738c8" />
<stop offset="1" stop-color="#461d93" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="3.89"
x2="496.5"
y1="389.5"
y2="389.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1="3.89"
x2="496.5"
y1="409.5"
y2="409.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-6"
x1="3.89"
x2="496.5"
y1="429.5"
y2="429.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-7"
x1="3.89"
x2="496.5"
y1="256"
y2="256"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-8"
x1="3.89"
x2="496.5"
y1="147.5"
y2="147.5"
href="#linear-gradient"
/>
<path
d="m294.5 427h-247a7.5 7.5 0 0 0 -7.5 7.5v30a7.5 7.5 0 0 0 7.5 7.5h247a7.5 7.5 0 0 0 7.5-7.5v-30a7.5 7.5 0 0 0 -7.5-7.5zm-7.5 30h-232v-15h232z"
fill="url(#linear-gradient)"
/>
<path
d="m294.5 367h-147a7.5 7.5 0 0 0 -7.5 7.5v30a7.5 7.5 0 0 0 7.5 7.5h147a7.5 7.5 0 0 0 7.5-7.5v-30a7.5 7.5 0 0 0 -7.5-7.5zm-7.5 30h-132v-15h132z"
fill="url(#linear-gradient-2)"
/>
<path
d="m47.5 412h70a7.5 7.5 0 0 0 7.5-7.5v-30a7.5 7.5 0 0 0 -7.5-7.5h-70a7.5 7.5 0 0 0 -7.5 7.5v30a7.5 7.5 0 0 0 7.5 7.5zm7.5-30h55v15h-55z"
fill="url(#linear-gradient-2)"
/>
<path
d="m444.5 347h-70a27.54 27.54 0 0 0 -27.5 27.5v70a27.54 27.54 0 0 0 27.5 27.5h70a27.54 27.54 0 0 0 27.5-27.5v-70a27.54 27.54 0 0 0 -27.5-27.5zm12.5 97.5a12.52 12.52 0 0 1 -12.5 12.5h-70a12.52 12.52 0 0 1 -12.5-12.5v-70a12.52 12.52 0 0 1 12.5-12.5h70a12.52 12.52 0 0 1 12.5 12.5z"
fill="url(#linear-gradient-4)"
/>
<path
d="m434.5 382h-50a7.5 7.5 0 0 0 0 15h50a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-2)"
/>
<path
d="m434.5 422h-50a7.5 7.5 0 0 0 0 15h50a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-6)"
/>
<path
d="m484.5 147h-112.19a182.23 182.23 0 0 0 1.19-20.82v-75.53a7.51 7.51 0 0 0 -4.76-7l-110-43.13a7.51 7.51 0 0 0 -5.48 0l-110 43.15a7.51 7.51 0 0 0 -4.76 7v75.53a182.23 182.23 0 0 0 1.19 20.8h-112.19a27.54 27.54 0 0 0 -27.5 27.5v310a27.54 27.54 0 0 0 27.5 27.5h457a27.54 27.54 0 0 0 27.5-27.5v-310a27.54 27.54 0 0 0 -27.5-27.5zm0 15a12.52 12.52 0 0 1 12.5 12.5v52.5h-154.23a180.11 180.11 0 0 0 27.17-65zm-304 80a180 180 0 0 0 72.76 52.48 7.48 7.48 0 0 0 5.48 0 180 180 0 0 0 72.76-52.48h165.5v65h-482v-65zm-27-186.23 102.5-40.21 102.5 40.21v70.41a164.8 164.8 0 0 1 -102.5 153.24 164.8 164.8 0 0 1 -102.5-153.24zm-126 106.23h114.56a180.11 180.11 0 0 0 27.17 65h-154.23v-52.5a12.52 12.52 0 0 1 12.5-12.5zm457 335h-457a12.52 12.52 0 0 1 -12.5-12.5v-162.5h482v162.5a12.52 12.52 0 0 1 -12.5 12.5z"
fill="url(#linear-gradient-7)"
/>
<path
d="m244.19 197.5a22.78 22.78 0 0 0 16.21-6.71l58.68-58.68a7.52 7.52 0 0 0 0-10.61l-21.81-21.8a7.5 7.5 0 0 0 -10.61 0l-42.47 42.47-18.85-18.85a7.5 7.5 0 0 0 -10.61 0l-21.81 21.8a7.52 7.52 0 0 0 0 10.61l35.08 35.06a22.78 22.78 0 0 0 16.19 6.71zm-24.19-58.27 18.86 18.85a7.48 7.48 0 0 0 10.6 0l42.54-42.47 11.2 11.19-53.38 53.38a7.92 7.92 0 0 1 -11.2 0l-29.76-29.76z"
fill="url(#linear-gradient-8)"
/>
</svg>
More icons in the same style and category