Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as hand, money, card, pay, payment, credit, credit card, pay card, 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="62.707"
y2="-.702"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="19" x2="19" y1="62.707" y2="-.702" href="#a" />
<linearGradient id="c" x1="49" x2="49" y1="62.707" y2="-.702" href="#a" />
<linearGradient id="d" x1="43" x2="43" y1="62.707" y2="-.702" href="#a" />
<linearGradient id="e" x1="37" x2="37" y1="62.707" y2="-.702" href="#a" />
<linearGradient id="f" x1="31" x2="31" y1="62.707" y2="-.702" href="#a" />
<linearGradient id="g" x1="40" x2="40" y1="62.707" y2="-.702" href="#a" />
<linearGradient id="h" x1="14" x2="14" y1="62.707" y2="-.702" href="#a" />
<linearGradient id="i" x1="18" x2="18" y1="62.707" y2="-.702" href="#a" />
<linearGradient id="j" x1="22" x2="22" y1="62.707" y2="-.702" href="#a" />
<linearGradient id="k" x1="26" x2="26" y1="62.707" y2="-.702" href="#a" />
<linearGradient id="l" x1="36" x2="36" y1="62.707" y2="-.702" href="#a" />
<linearGradient
id="m"
x1="16.5"
x2="16.5"
y1="62.707"
y2="-.702"
href="#a"
/>
<linearGradient
id="n"
x1="29.5"
x2="29.5"
y1="62.707"
y2="-.702"
href="#a"
/>
<linearGradient id="o" x1="45" x2="45" y1="62.707" y2="-.702" href="#a" />
<g>
<path
fill="url(#a)"
d="M52 2H12a3.009 3.009 0 0 0-3 3v24a3.009 3.009 0 0 0 3 3h2.74a3.988 3.988 0 0 0 .19 3.57L23 49.54V62h2V49.27a1.063 1.063 0 0 0-.13-.5l-8.2-14.2a2.006 2.006 0 0 1 .73-2.73 2.049 2.049 0 0 1 2.73.73l4 6.93a1 1 0 0 0 1.15.46l.12-.03a4.017 4.017 0 0 1 4.62 2.09l1.37 2.79 1.8-.88-1.37-2.79a6.034 6.034 0 0 0-6.32-3.27L25 37v-5h4v2a1 1 0 0 0 2 0v-2h4v2a1 1 0 0 0 2 0v-2h4v2a1 1 0 0 0 2 0v-2h3.72l-.68 16H37v2h9.07L47 62.08l2-.16-1-12.94.72-16.98H52a3.009 3.009 0 0 0 3-3V5a3.009 3.009 0 0 0-3-3zM23 33.53 22.11 32H23zM53 29a1 1 0 0 1-1 1H20.18a4.07 4.07 0 0 0-1.79-.43 3.958 3.958 0 0 0-1.78.43H12a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h40a1 1 0 0 1 1 1z"
/>
<path
fill="url(#b)"
d="M25 8a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zm-2 2h-4V8h4zm-8-2h2v8h-2zm4 8v-4h4v4z"
/>
<path fill="url(#c)" d="M47 8h4v2h-4z" />
<path fill="url(#d)" d="M41 8h4v2h-4z" />
<path fill="url(#e)" d="M35 8h4v2h-4z" />
<path fill="url(#f)" d="M29 8h4v2h-4z" />
<path fill="url(#g)" d="M29 13h22v2H29z" />
<path fill="url(#h)" d="M13 20h2v4h-2z" />
<path fill="url(#i)" d="M17 20h2v4h-2z" />
<path fill="url(#j)" d="M21 20h2v4h-2z" />
<path fill="url(#k)" d="M25 20h2v4h-2z" />
<path fill="url(#a)" d="M31 20h2v4h-2z" />
<path fill="url(#l)" d="M35 20h2v4h-2z" />
<path fill="url(#m)" d="M13 26h7v2h-7z" />
<path fill="url(#n)" d="M26 26h7v2h-7z" />
<path
fill="url(#o)"
d="M47 20h-4a4 4 0 0 0 0 8h4a4 4 0 0 0 0-8zm0 6h-4a2 2 0 0 1 0-4h4a2 2 0 0 1 0 4z"
/>
</g>
</svg>
More icons in the same style and category