Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as commerce, credit card, payment mehotd, and business and finance. Created in a clean lineal 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="a"
gradientUnits="userSpaceOnUse"
x1="2.033"
x2="538.707"
y1="505.967"
y2="-30.707"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-31.967"
x2="504.707"
y1="471.967"
y2="-64.707"
href="#a"
/>
<linearGradient
id="c"
x1="96.033"
x2="632.707"
y1="599.967"
y2="63.293"
href="#a"
/>
<linearGradient
id="d"
x1="76.033"
x2="612.707"
y1="579.967"
y2="43.293"
href="#a"
/>
<linearGradient
id="e"
x1="40.033"
x2="576.707"
y1="543.967"
y2="7.293"
href="#a"
/>
<linearGradient
id="f"
x1="20.033"
x2="556.707"
y1="523.967"
y2="-12.707"
href="#a"
/>
<linearGradient
id="g"
x1="100.033"
x2="636.707"
y1="603.967"
y2="67.293"
href="#a"
/>
<g>
<path
d="m476 80h-296a28.031 28.031 0 0 0 -28 28v60h-116a28.031 28.031 0 0 0 -28 28v200a28.031 28.031 0 0 0 28 28h296a28.031 28.031 0 0 0 28-28v-60h116a28.031 28.031 0 0 0 28-28v-200a28.031 28.031 0 0 0 -28-28zm-132 316a12.01 12.01 0 0 1 -12 12h-296a12.01 12.01 0 0 1 -12-12v-116h320zm0-132h-320v-32h320zm0-48h-320v-20a12.01 12.01 0 0 1 12-12h296a12.01 12.01 0 0 1 12 12zm144 92a12.01 12.01 0 0 1 -12 12h-116v-124a28.031 28.031 0 0 0 -28-28h-164v-60a12.01 12.01 0 0 1 12-12h296a12.01 12.01 0 0 1 12 12z"
fill="url(#a)"
/>
<path
d="m64 376h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z"
fill="url(#b)"
/>
<path
d="m320 376h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16z"
fill="url(#c)"
/>
<path
d="m320 352h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z"
fill="url(#d)"
/>
<path
d="m464 136h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16z"
fill="url(#e)"
/>
<path
d="m464 112h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z"
fill="url(#f)"
/>
<path
d="m464 240h-64a8 8 0 0 0 -8 8v48a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-48a8 8 0 0 0 -8-8zm-8 48h-48v-32h48z"
fill="url(#g)"
/>
</g>
</svg>
More icons in the same style and category