atm logo
atm-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- atm-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the atm logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd1)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#2c305f" d="m6.64 15.638l5.36 4.1l5.36-4.1a.82.82 0 0 0 .325-.653V5.448C17.264 4.83 14.99 4.206 12 4.206c-3.2 0-5.263.623-5.684 1.242v9.541a.82.82 0 0 0 .324.653z"/><path fill="#fff" d="M9.473 17.992L7.79 16.69v-2.526L9.46 12.9h.013v5.095zm3.368 1.305l-.842.649l-.842-.653v-7.667l1.684-1.272zm3.369-2.606l-1.684 1.305V9.078l1.684-1.271z"/><path fill="#cb3522" d="m12.842 10.354l1.684-1.271v8.909l-1.684 1.305V10.35zm-3.368 2.543l1.684-1.271v7.667l-1.684-1.301zM6.526 15.12l1.263-.955v2.526l-1.263-.977zm9.685 1.57V7.81l1.263-.95v8.854z"/><path fill="#2c305f" d="M6.526 14.99c0 .189.089.37.245.488L12 19.474l5.23-4a.6.6 0 0 0 .244-.489v-9.47c-.085-.096-.253-.214-.522-.336a6.4 6.4 0 0 0-1.196-.387c-.977-.228-2.274-.38-3.756-.38c-1.587 0-2.884.152-3.832.38a6 6 0 0 0-1.145.383c-.252.122-.408.24-.497.337zM8.067 4.395C9.053 4.156 10.387 4 12 4c1.507 0 2.842.156 3.853.396c.505.118.938.252 1.275.408c.329.152.59.324.733.53l.034.051v9.6c0 .32-.152.62-.409.817L12 20l-5.486-4.198a1.03 1.03 0 0 1-.409-.817v-9.6l.034-.05c.139-.202.387-.38.699-.527a6 6 0 0 1 1.23-.412"/><path fill="#f0f3fa" d="m11.874 4.606l.14.43h.462l-.375.265l.144.43l-.371-.266l-.37.266l.139-.43l-.371-.265h.459zm4.788.636l.143.43h.459l-.37.265l.142.43l-.375-.266l-.37.265l.143-.429l-.37-.265h.459zm-3.007 2.813l.14.43h.462l-.374.265l.143.43l-.37-.27l-.376.27l.144-.43l-.371-.266h.459zm-3.351 2.35l.143.429h.459l-.37.265l.138.43l-.37-.266l-.371.265l.143-.429l-.375-.265h.464zm-3.369 2.488l.143.43h.46l-.371.264l.139.43l-.37-.265l-.371.265l.143-.43l-.375-.265h.463zm0-4.143l.143.43h.46l-.371.264l.139.43l-.37-.265l-.371.265l.143-.43l-.375-.265h.463zm-.017-3.314l.14.43h.462l-.374.265l.143.43l-.37-.266l-.375.265l.143-.43l-.37-.265h.458zm.872.842v5.592l.421-.325v-.918a.38.38 0 0 0-.101-.244c-.084-.1-.105-.26-.021-.362c.261-.324.447-.702.543-1.107c.11-.468.143-.969 0-1.39c-.105-.32.21-.21.21-.21c.072-.072.211-.21.422-.21l.42-.203c.072.068.144.228-.037.585c-.169.329.059.56.248.657c.148.072.45-.35.577-.539l.013-.02c.025-.034.042-.068.08-.098a.42.42 0 0 1 .299-.13c-.127.703-.464 1.823-.969 1.823h.21c0 .206-.126.91-.63 1.242v.16l2.104-1.612V7.107c-.42.068-1.305.085-1.473-.416c-.282.071-1.053.21-1.263-.62zm7.579-.206l-2.947 2.273v-1.44c.505.329 1.052 0 1.052-.21c.674.168 1.124-.345 1.263-.62h.632z"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedAtmBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd1)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#2c305f" d="m6.64 15.638l5.36 4.1l5.36-4.1a.82.82 0 0 0 .325-.653V5.448C17.264 4.83 14.99 4.206 12 4.206c-3.2 0-5.263.623-5.684 1.242v9.541a.82.82 0 0 0 .324.653z"/><path fill="#fff" d="M9.473 17.992L7.79 16.69v-2.526L9.46 12.9h.013v5.095zm3.368 1.305l-.842.649l-.842-.653v-7.667l1.684-1.272zm3.369-2.606l-1.684 1.305V9.078l1.684-1.271z"/><path fill="#cb3522" d="m12.842 10.354l1.684-1.271v8.909l-1.684 1.305V10.35zm-3.368 2.543l1.684-1.271v7.667l-1.684-1.301zM6.526 15.12l1.263-.955v2.526l-1.263-.977zm9.685 1.57V7.81l1.263-.95v8.854z"/><path fill="#2c305f" d="M6.526 14.99c0 .189.089.37.245.488L12 19.474l5.23-4a.6.6 0 0 0 .244-.489v-9.47c-.085-.096-.253-.214-.522-.336a6.4 6.4 0 0 0-1.196-.387c-.977-.228-2.274-.38-3.756-.38c-1.587 0-2.884.152-3.832.38a6 6 0 0 0-1.145.383c-.252.122-.408.24-.497.337zM8.067 4.395C9.053 4.156 10.387 4 12 4c1.507 0 2.842.156 3.853.396c.505.118.938.252 1.275.408c.329.152.59.324.733.53l.034.051v9.6c0 .32-.152.62-.409.817L12 20l-5.486-4.198a1.03 1.03 0 0 1-.409-.817v-9.6l.034-.05c.139-.202.387-.38.699-.527a6 6 0 0 1 1.23-.412"/><path fill="#f0f3fa" d="m11.874 4.606l.14.43h.462l-.375.265l.144.43l-.371-.266l-.37.266l.139-.43l-.371-.265h.459zm4.788.636l.143.43h.459l-.37.265l.142.43l-.375-.266l-.37.265l.143-.429l-.37-.265h.459zm-3.007 2.813l.14.43h.462l-.374.265l.143.43l-.37-.27l-.376.27l.144-.43l-.371-.266h.459zm-3.351 2.35l.143.429h.459l-.37.265l.138.43l-.37-.266l-.371.265l.143-.429l-.375-.265h.464zm-3.369 2.488l.143.43h.46l-.371.264l.139.43l-.37-.265l-.371.265l.143-.43l-.375-.265h.463zm0-4.143l.143.43h.46l-.371.264l.139.43l-.37-.265l-.371.265l.143-.43l-.375-.265h.463zm-.017-3.314l.14.43h.462l-.374.265l.143.43l-.37-.266l-.375.265l.143-.43l-.37-.265h.458zm.872.842v5.592l.421-.325v-.918a.38.38 0 0 0-.101-.244c-.084-.1-.105-.26-.021-.362c.261-.324.447-.702.543-1.107c.11-.468.143-.969 0-1.39c-.105-.32.21-.21.21-.21c.072-.072.211-.21.422-.21l.42-.203c.072.068.144.228-.037.585c-.169.329.059.56.248.657c.148.072.45-.35.577-.539l.013-.02c.025-.034.042-.068.08-.098a.42.42 0 0 1 .299-.13c-.127.703-.464 1.823-.969 1.823h.21c0 .206-.126.91-.63 1.242v.16l2.104-1.612V7.107c-.42.068-1.305.085-1.473-.416c-.282.071-1.053.21-1.263-.62zm7.579-.206l-2.947 2.273v-1.44c.505.329 1.052 0 1.052-.21c.674.168 1.124-.345 1.263-.62h.632z"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd1)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#2c305f" d="m6.64 15.638l5.36 4.1l5.36-4.1a.82.82 0 0 0 .325-.653V5.448C17.264 4.83 14.99 4.206 12 4.206c-3.2 0-5.263.623-5.684 1.242v9.541a.82.82 0 0 0 .324.653z"/><path fill="#fff" d="M9.473 17.992L7.79 16.69v-2.526L9.46 12.9h.013v5.095zm3.368 1.305l-.842.649l-.842-.653v-7.667l1.684-1.272zm3.369-2.606l-1.684 1.305V9.078l1.684-1.271z"/><path fill="#cb3522" d="m12.842 10.354l1.684-1.271v8.909l-1.684 1.305V10.35zm-3.368 2.543l1.684-1.271v7.667l-1.684-1.301zM6.526 15.12l1.263-.955v2.526l-1.263-.977zm9.685 1.57V7.81l1.263-.95v8.854z"/><path fill="#2c305f" d="M6.526 14.99c0 .189.089.37.245.488L12 19.474l5.23-4a.6.6 0 0 0 .244-.489v-9.47c-.085-.096-.253-.214-.522-.336a6.4 6.4 0 0 0-1.196-.387c-.977-.228-2.274-.38-3.756-.38c-1.587 0-2.884.152-3.832.38a6 6 0 0 0-1.145.383c-.252.122-.408.24-.497.337zM8.067 4.395C9.053 4.156 10.387 4 12 4c1.507 0 2.842.156 3.853.396c.505.118.938.252 1.275.408c.329.152.59.324.733.53l.034.051v9.6c0 .32-.152.62-.409.817L12 20l-5.486-4.198a1.03 1.03 0 0 1-.409-.817v-9.6l.034-.05c.139-.202.387-.38.699-.527a6 6 0 0 1 1.23-.412"/><path fill="#f0f3fa" d="m11.874 4.606l.14.43h.462l-.375.265l.144.43l-.371-.266l-.37.266l.139-.43l-.371-.265h.459zm4.788.636l.143.43h.459l-.37.265l.142.43l-.375-.266l-.37.265l.143-.429l-.37-.265h.459zm-3.007 2.813l.14.43h.462l-.374.265l.143.43l-.37-.27l-.376.27l.144-.43l-.371-.266h.459zm-3.351 2.35l.143.429h.459l-.37.265l.138.43l-.37-.266l-.371.265l.143-.429l-.375-.265h.464zm-3.369 2.488l.143.43h.46l-.371.264l.139.43l-.37-.265l-.371.265l.143-.43l-.375-.265h.463zm0-4.143l.143.43h.46l-.371.264l.139.43l-.37-.265l-.371.265l.143-.43l-.375-.265h.463zm-.017-3.314l.14.43h.462l-.374.265l.143.43l-.37-.266l-.375.265l.143-.43l-.37-.265h.458zm.872.842v5.592l.421-.325v-.918a.38.38 0 0 0-.101-.244c-.084-.1-.105-.26-.021-.362c.261-.324.447-.702.543-1.107c.11-.468.143-.969 0-1.39c-.105-.32.21-.21.21-.21c.072-.072.211-.21.422-.21l.42-.203c.072.068.144.228-.037.585c-.169.329.059.56.248.657c.148.072.45-.35.577-.539l.013-.02c.025-.034.042-.068.08-.098a.42.42 0 0 1 .299-.13c-.127.703-.464 1.823-.969 1.823h.21c0 .206-.126.91-.63 1.242v.16l2.104-1.612V7.107c-.42.068-1.305.085-1.473-.416c-.282.071-1.053.21-1.263-.62zm7.579-.206l-2.947 2.273v-1.44c.505.329 1.052 0 1.052-.21c.674.168 1.124-.345 1.263-.62h.632z"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-atm-background {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%232c305f%22%20d%3D%22m6.64%2015.638l5.36%204.1l5.36-4.1a.82.82%200%200%200%20.325-.653V5.448C17.264%204.83%2014.99%204.206%2012%204.206c-3.2%200-5.263.623-5.684%201.242v9.541a.82.82%200%200%200%20.324.653z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.473%2017.992L7.79%2016.69v-2.526L9.46%2012.9h.013v5.095zm3.368%201.305l-.842.649l-.842-.653v-7.667l1.684-1.272zm3.369-2.606l-1.684%201.305V9.078l1.684-1.271z%22%2F%3E%3Cpath%20fill%3D%22%23cb3522%22%20d%3D%22m12.842%2010.354l1.684-1.271v8.909l-1.684%201.305V10.35zm-3.368%202.543l1.684-1.271v7.667l-1.684-1.301zM6.526%2015.12l1.263-.955v2.526l-1.263-.977zm9.685%201.57V7.81l1.263-.95v8.854z%22%2F%3E%3Cpath%20fill%3D%22%232c305f%22%20d%3D%22M6.526%2014.99c0%20.189.089.37.245.488L12%2019.474l5.23-4a.6.6%200%200%200%20.244-.489v-9.47c-.085-.096-.253-.214-.522-.336a6.4%206.4%200%200%200-1.196-.387c-.977-.228-2.274-.38-3.756-.38c-1.587%200-2.884.152-3.832.38a6%206%200%200%200-1.145.383c-.252.122-.408.24-.497.337zM8.067%204.395C9.053%204.156%2010.387%204%2012%204c1.507%200%202.842.156%203.853.396c.505.118.938.252%201.275.408c.329.152.59.324.733.53l.034.051v9.6c0%20.32-.152.62-.409.817L12%2020l-5.486-4.198a1.03%201.03%200%200%201-.409-.817v-9.6l.034-.05c.139-.202.387-.38.699-.527a6%206%200%200%201%201.23-.412%22%2F%3E%3Cpath%20fill%3D%22%23f0f3fa%22%20d%3D%22m11.874%204.606l.14.43h.462l-.375.265l.144.43l-.371-.266l-.37.266l.139-.43l-.371-.265h.459zm4.788.636l.143.43h.459l-.37.265l.142.43l-.375-.266l-.37.265l.143-.429l-.37-.265h.459zm-3.007%202.813l.14.43h.462l-.374.265l.143.43l-.37-.27l-.376.27l.144-.43l-.371-.266h.459zm-3.351%202.35l.143.429h.459l-.37.265l.138.43l-.37-.266l-.371.265l.143-.429l-.375-.265h.464zm-3.369%202.488l.143.43h.46l-.371.264l.139.43l-.37-.265l-.371.265l.143-.43l-.375-.265h.463zm0-4.143l.143.43h.46l-.371.264l.139.43l-.37-.265l-.371.265l.143-.43l-.375-.265h.463zm-.017-3.314l.14.43h.462l-.374.265l.143.43l-.37-.266l-.375.265l.143-.43l-.37-.265h.458zm.872.842v5.592l.421-.325v-.918a.38.38%200%200%200-.101-.244c-.084-.1-.105-.26-.021-.362c.261-.324.447-.702.543-1.107c.11-.468.143-.969%200-1.39c-.105-.32.21-.21.21-.21c.072-.072.211-.21.422-.21l.42-.203c.072.068.144.228-.037.585c-.169.329.059.56.248.657c.148.072.45-.35.577-.539l.013-.02c.025-.034.042-.068.08-.098a.42.42%200%200%201%20.299-.13c-.127.703-.464%201.823-.969%201.823h.21c0%20.206-.126.91-.63%201.242v.16l2.104-1.612V7.107c-.42.068-1.305.085-1.473-.416c-.282.071-1.053.21-1.263-.62zm7.579-.206l-2.947%202.273v-1.44c.505.329%201.052%200%201.052-.21c.674.168%201.124-.345%201.263-.62h.632z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%232c305f%22%20d%3D%22m6.64%2015.638l5.36%204.1l5.36-4.1a.82.82%200%200%200%20.325-.653V5.448C17.264%204.83%2014.99%204.206%2012%204.206c-3.2%200-5.263.623-5.684%201.242v9.541a.82.82%200%200%200%20.324.653z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.473%2017.992L7.79%2016.69v-2.526L9.46%2012.9h.013v5.095zm3.368%201.305l-.842.649l-.842-.653v-7.667l1.684-1.272zm3.369-2.606l-1.684%201.305V9.078l1.684-1.271z%22%2F%3E%3Cpath%20fill%3D%22%23cb3522%22%20d%3D%22m12.842%2010.354l1.684-1.271v8.909l-1.684%201.305V10.35zm-3.368%202.543l1.684-1.271v7.667l-1.684-1.301zM6.526%2015.12l1.263-.955v2.526l-1.263-.977zm9.685%201.57V7.81l1.263-.95v8.854z%22%2F%3E%3Cpath%20fill%3D%22%232c305f%22%20d%3D%22M6.526%2014.99c0%20.189.089.37.245.488L12%2019.474l5.23-4a.6.6%200%200%200%20.244-.489v-9.47c-.085-.096-.253-.214-.522-.336a6.4%206.4%200%200%200-1.196-.387c-.977-.228-2.274-.38-3.756-.38c-1.587%200-2.884.152-3.832.38a6%206%200%200%200-1.145.383c-.252.122-.408.24-.497.337zM8.067%204.395C9.053%204.156%2010.387%204%2012%204c1.507%200%202.842.156%203.853.396c.505.118.938.252%201.275.408c.329.152.59.324.733.53l.034.051v9.6c0%20.32-.152.62-.409.817L12%2020l-5.486-4.198a1.03%201.03%200%200%201-.409-.817v-9.6l.034-.05c.139-.202.387-.38.699-.527a6%206%200%200%201%201.23-.412%22%2F%3E%3Cpath%20fill%3D%22%23f0f3fa%22%20d%3D%22m11.874%204.606l.14.43h.462l-.375.265l.144.43l-.371-.266l-.37.266l.139-.43l-.371-.265h.459zm4.788.636l.143.43h.459l-.37.265l.142.43l-.375-.266l-.37.265l.143-.429l-.37-.265h.459zm-3.007%202.813l.14.43h.462l-.374.265l.143.43l-.37-.27l-.376.27l.144-.43l-.371-.266h.459zm-3.351%202.35l.143.429h.459l-.37.265l.138.43l-.37-.266l-.371.265l.143-.429l-.375-.265h.464zm-3.369%202.488l.143.43h.46l-.371.264l.139.43l-.37-.265l-.371.265l.143-.43l-.375-.265h.463zm0-4.143l.143.43h.46l-.371.264l.139.43l-.37-.265l-.371.265l.143-.43l-.375-.265h.463zm-.017-3.314l.14.43h.462l-.374.265l.143.43l-.37-.266l-.375.265l.143-.43l-.37-.265h.458zm.872.842v5.592l.421-.325v-.918a.38.38%200%200%200-.101-.244c-.084-.1-.105-.26-.021-.362c.261-.324.447-.702.543-1.107c.11-.468.143-.969%200-1.39c-.105-.32.21-.21.21-.21c.072-.072.211-.21.422-.21l.42-.203c.072.068.144.228-.037.585c-.169.329.059.56.248.657c.148.072.45-.35.577-.539l.013-.02c.025-.034.042-.068.08-.098a.42.42%200%200%201%20.299-.13c-.127.703-.464%201.823-.969%201.823h.21c0%20.206-.126.91-.63%201.242v.16l2.104-1.612V7.107c-.42.068-1.305.085-1.473-.416c-.282.071-1.053.21-1.263-.62zm7.579-.206l-2.947%202.273v-1.44c.505.329%201.052%200%201.052-.21c.674.168%201.124-.345%201.263-.62h.632z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/atm-background.svg?color=%231a73e8&size=48
