Ícone Atm Background
token-branded:atm-background
O ícone Atm Background (token-branded:atm-background) é um ícone SVG gratuito da coleção Web3 Icons Branded de 0xa3k5. Ele é desenhado em uma grade de 24 × 24. Web3 Icons Branded icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Web3 Icons Branded
- Autor
- 0xa3k5
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- atmbackground
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><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="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Como usar o ícone Atm Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:atm-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:atm-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:atm-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--atm-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:atm-background"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:atm-background"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token-branded/atm-background.svg" alt="Ícone Atm Background" width="24" height="24">Ícones relacionados em Web3 Icons Branded
Perguntas frequentes sobre Ícone Atm Background
O ícone Atm Background é grátis para uso comercial?
Sim. Web3 Icons Branded icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Atm Background no React?
Instale @iconify/react e renderize <Icon icon="token-branded:atm-background" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Atm Background a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token-branded/atm-background.svg" alt="Ícone Atm Background">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.