Add icons to this collection by clicking the heart icon.
Atm Card icon - also known as debit, cash, atm machine, withdraw, atm card, insert card, cash machine, and business and finance. Created in a clean flat 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="18.002"
x2="18.002"
y1="71.758"
y2="6.361"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient id="b" x1="20" x2="20" y1="71.758" y2="6.361" href="#a" />
<linearGradient id="c" x1="30" x2="30" y1="71.758" y2="6.361" href="#a" />
<linearGradient id="d" x1="40" x2="40" y1="71.758" y2="6.361" href="#a" />
<linearGradient
id="e"
x1="22.007"
x2="22.007"
y1="71.758"
y2="6.361"
href="#a"
/>
<linearGradient
id="f"
x1="26.005"
x2="26.005"
y1="71.758"
y2="6.361"
href="#a"
/>
<linearGradient id="g" x1="14" x2="14" y1="71.758" y2="6.361" href="#a" />
<linearGradient
id="h"
x1="36.5"
x2="36.5"
y1="71.758"
y2="6.361"
href="#a"
/>
<linearGradient id="i" x1="50" x2="50" y1="71.758" y2="6.361" href="#a" />
<g>
<path fill="url(#a)" d="M19.005 28v-2H17v1a1 1 0 0 0 1 1z" />
<path fill="url(#b)" d="M18 38h4v2h-4z" />
<path fill="url(#c)" d="M28 38h4v2h-4z" />
<path fill="url(#a)" d="M19.005 22H18a1 1 0 0 0-1 1v1h2z" />
<path fill="url(#d)" d="M38 38h4v2h-4z" />
<path fill="url(#e)" d="M21.005 22h2.005v6h-2.005z" />
<path
fill="url(#f)"
d="M27 23a1 1 0 0 0-1-1h-.99v2H27zM27 27v-1h-1.99v2H26a1 1 0 0 0 1-1z"
/>
<g fill="url(#g)">
<path
d="M5 60h18a1 1 0 0 0 1-1v-9h-2v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v7h2V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v54a1 1 0 0 0 1 1z"
/>
<path
d="M20 14V8H8v48h12v-6h-3v3a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3z"
/>
<path d="M13 50h2v2h-2z" />
</g>
<path
fill="url(#h)"
d="M60 19a3.009 3.009 0 0 0-3-3H13v32h44a3.009 3.009 0 0 0 3-3zm-45 8v-4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-8a3 3 0 0 1-3-3zm9 14a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm10 0a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm10 0a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm10 0a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
/>
<path fill="url(#g)" d="M13 12h2v2h-2z" />
<path fill="url(#i)" d="M48 38h4v2h-4z" />
</g>
</svg>
More icons in the same style and category