Add icons to this collection by clicking the heart icon.
Card Machine icon - also known as receipt, payment method, bill, commerce and shopping, credit card, card payment, pos, and card machine. 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="42"
x2="42"
y1="69.741"
y2="6.443"
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="22.001"
x2="22.001"
y1="69.741"
y2="6.443"
href="#a"
/>
<linearGradient id="c" x1="32" x2="32" y1="69.741" y2="6.443" href="#a" />
<linearGradient id="d" x1="22" x2="22" y1="69.741" y2="6.443" href="#a" />
<linearGradient id="e" x1="52" x2="52" y1="69.741" y2="6.443" href="#a" />
<linearGradient
id="f"
x1="53.5"
x2="53.5"
y1="69.741"
y2="6.443"
href="#a"
/>
<linearGradient
id="g"
x1="50.5"
x2="50.5"
y1="69.741"
y2="6.443"
href="#a"
/>
<linearGradient id="h" x1="53" x2="53" y1="69.741" y2="6.443" href="#a" />
<linearGradient
id="i"
x1="12.001"
x2="12.001"
y1="69.741"
y2="6.443"
href="#a"
/>
<g>
<path fill="url(#a)" d="M40 22h4v34h-4z" />
<g fill="url(#b)">
<path d="M20 38h4.001v2H20zM20 54h4.001v2H20zM20 46h4.001v2H20z" />
</g>
<path fill="url(#c)" d="M30 38h4v2h-4zM30 46h4v2h-4z" />
<path fill="url(#d)" d="M11 26h22v6H11z" />
<path fill="url(#c)" d="M30 54h4v2h-4z" />
<path fill="url(#e)" d="M50 47h4v1h-4z" />
<path fill="url(#f)" d="M53 50h1v1h-1z" />
<path fill="url(#g)" d="M50 50h1v1h-1z" />
<path fill="url(#h)" d="M52 26h2v6h-2z" />
<path fill="url(#f)" d="M53 43.999h1V45h-1z" />
<path
fill="url(#e)"
d="M58 55V23a1 1 0 0 0-1-1H46v34h11a1 1 0 0 0 1-1zm-2-4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-18a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z"
/>
<path fill="url(#g)" d="M50 44h1v1h-1z" />
<path fill="url(#i)" d="M10 54h4.001v2H10zM10 46h4.001v2H10z" />
<path
fill="url(#d)"
d="M7 60h30a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1h-4v4h1a1 1 0 0 1 0 2H10a1 1 0 0 1 0-2h1v-4H7a1 1 0 0 0-1 1v42a1 1 0 0 0 1 1zm19-4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-8a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-8a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm10 16a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-8a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-10v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zM9 25a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1zM8 38a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2zm0 8a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2zm0 8a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2z"
/>
<path fill="url(#i)" d="M10 38h4.001v2H10z" />
<path
fill="url(#d)"
d="M29.18 5.86a1 1 0 0 1-1.03 0l-2.83-1.69-2.81 1.69a1 1 0 0 1-1.03 0l-2.82-1.69-2.82 1.69a1 1 0 0 1-1.03 0L13 4.77V20h18V4.77zM16 8h1a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2zm6 10h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zm0-4h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zm6 4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zm0-4h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zm0-4h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category