Add icons to this collection by clicking the heart icon.
Atm Machine icon - also known as pay, commerce, payment, shopping, credit card, atm machine, atm 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="27"
x2="27"
y1="65.223"
y2="2.833"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="36" x2="36" y1="65.223" y2="2.833" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="65.223" y2="2.833" href="#a" />
<linearGradient id="d" x1="13" x2="13" y1="65.223" y2="2.833" href="#a" />
<linearGradient id="e" x1="51" x2="51" y1="65.223" y2="2.833" href="#a" />
<linearGradient
id="f"
x1="24.5"
x2="24.5"
y1="65.223"
y2="2.833"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M27 50a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM27 42a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#b)"
d="M38 45h-4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2zm0 3h-1v-1h1zm-4 3v-1h4v1zm1-4v1h-1v-1zm-1 6h1v1h-1zm3 1v-1h1v1z"
/>
<path
fill="url(#c)"
d="M60 50.18V5a3.009 3.009 0 0 0-3-3H7a3.009 3.009 0 0 0-3 3v45.18A3.01 3.01 0 0 0 2 53v4a1 1 0 0 0 1 1h17v1a3.009 3.009 0 0 0 3 3h18a3.009 3.009 0 0 0 3-3v-1h17a1 1 0 0 0 1-1v-4a3.01 3.01 0 0 0-2-2.82zM20 56H4v-3a1 1 0 0 1 1-1h15zm0-18h-1a1 1 0 0 1 0-2h1zm22 21a1 1 0 0 1-1 1H23a1 1 0 0 1-1-1V36h4v3a1 1 0 0 0 2 0v-3h14zM19 34a3 3 0 0 0 0 6h1v10H6V5a1 1 0 0 1 1-1h50a1 1 0 0 1 1 1v45H44V40h1a3 3 0 0 0 0-6zm25 4v-2h1a1 1 0 0 1 0 2zm16 18H44v-4h15a1 1 0 0 1 1 1z"
/>
<g fill="url(#d)">
<path
d="M11 14h4a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2zM11 22h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2zM16 25a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1zm-2 3h-2v-2h2z"
/>
</g>
<path
fill="url(#e)"
d="M49 14h4a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2zM49 22h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2zM49 30h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<path
fill="url(#c)"
d="M19 30h26a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H19a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1zm1-20h24v18H20z"
/>
<path
fill="url(#a)"
d="m29.293 13.293-6 6a1 1 0 1 0 1.414 1.414l6-6a1 1 0 0 0-1.414-1.414z"
/>
<path
fill="url(#f)"
d="m23.707 16.707 3-3a1 1 0 0 0-1.414-1.414l-3 3a1 1 0 1 0 1.414 1.414z"
/>
</g>
</svg>
More icons in the same style and category