Icono Atom Background
token-branded:atom-background
El icono Atom Background (token-branded:atom-background) es un icono SVG gratuito de la colección Web3 Icons Branded de 0xa3k5. Está dibujado en una cuadrícula de 24 × 24. Web3 Icons Branded icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Web3 Icons Branded
- Autor
- 0xa3k5
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- atombackground
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="#a3a9d0" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M13.88 8.75a21 21 0 0 0-.286-1.917v-.001c-.165-.792-.367-1.497-.627-2.001C12.715 4.33 12.398 4 12 4c-.397 0-.72.33-.973.83c-.254.504-.461 1.203-.621 2.003c-.119.598-.213 1.25-.285 1.916q-.886-.384-1.797-.71h-.003c-.769-.26-1.477-.435-2.043-.466h-.002c-.558-.025-1.004.082-1.204.423l-.001.002c-.198.347-.069.79.234 1.258l.002.004l.003.005c.406.57.883 1.085 1.42 1.532q.738.628 1.517 1.203a28 28 0 0 0-1.517 1.204l-.002.001c-.61.536-1.111 1.065-1.422 1.536l-.001.002c-.303.47-.432.912-.233 1.259l.13-.075l-.13.076c.2.342.652.449 1.204.424h.005l.006-.001a8.2 8.2 0 0 0 2.04-.466a28 28 0 0 0 1.796-.71q.108.96.282 1.914l.001.004c.164.792.367 1.497.627 2.002c.252.499.568.83.967.83c.398 0 .72-.33.973-.83c.253-.504.46-1.204.62-2.004c.12-.597.214-1.25.285-1.916q.886.385 1.797.71a8.2 8.2 0 0 0 2.039.466l.005.001h.005c.558.025 1.004-.082 1.203-.424l-.169-.098l.17.096c.198-.347.07-.79-.233-1.258l-.003-.004l-.002-.004a8.2 8.2 0 0 0-1.421-1.532q-.738-.628-1.516-1.203q.78-.576 1.518-1.204l.002-.002c.61-.535 1.11-1.064 1.421-1.536l.002-.001c.302-.47.431-.912.233-1.259v-.002c-.2-.341-.652-.448-1.204-.423h-.011a8.2 8.2 0 0 0-2.04.467q-.909.324-1.794.71M12 4.39c-.158 0-.38.137-.623.616c-.231.458-.43 1.117-.587 1.903c-.124.622-.22 1.307-.292 2.006q.762.345 1.503.735q.741-.39 1.503-.735a21 21 0 0 0-.294-2.005c-.162-.783-.356-1.446-.591-1.902l-.001-.002c-.243-.481-.462-.616-.618-.616m1.544 4.937q-.57.26-1.126.547q.308.168.611.345q.301.173.599.353c-.02-.41-.048-.828-.084-1.245m-1.962.547q-.555-.285-1.124-.546a31 31 0 0 0-.085 1.244q.297-.18.598-.353q.303-.175.611-.345m-1.228 1.17q.402-.25.812-.486q.413-.24.834-.465q.42.225.833.465q.411.236.813.486a29 29 0 0 1 0 1.911a28 28 0 0 1-.812.485q-.413.24-.834.465q-.42-.225-.834-.465q-.411-.237-.815-.487a29 29 0 0 1 .003-1.91m-.384-.223c.022-.542.058-1.104.11-1.663a28 28 0 0 0-1.885-.75c-.757-.255-1.425-.417-1.938-.445c-.54-.024-.768.096-.846.23c-.079.138-.07.397.22.847c.386.541.84 1.03 1.35 1.456l.002.001q.776.66 1.596 1.26q.681-.488 1.391-.935M8.914 12q.513-.363 1.041-.704a29 29 0 0 0-.002 1.407q-.528-.34-1.039-.703m-.335.242q-.82.6-1.594 1.259c-.598.524-1.069 1.026-1.352 1.455c-.29.452-.301.712-.222.85c.078.134.31.254.842.23a7.8 7.8 0 0 0 1.938-.444h.002a28 28 0 0 0 1.887-.75a28 28 0 0 1-.113-1.667a28 28 0 0 1-1.388-.933m1.92 2.841q.109 1.009.29 2.008c.163.783.357 1.444.592 1.9v.002c.244.481.463.616.62.616s.38-.137.622-.616c.23-.458.43-1.117.587-1.903c.123-.622.22-1.308.292-2.007A28 28 0 0 1 12 14.35q-.74.39-1.501.734m1.084-.958q-.558.285-1.126.547q-.058-.623-.088-1.247q.3.18.601.355q.304.176.613.345m.835 0q.555.286 1.124.546c.037-.416.065-.835.085-1.244q-.297.18-.597.353q-.304.176-.612.345m1.612-.947a32 32 0 0 1-.11 1.663q.929.41 1.886.75l.002.001c.625.23 1.276.379 1.939.444c.537.024.764-.096.842-.23c.079-.138.069-.397-.22-.847a7.8 7.8 0 0 0-1.351-1.456l-.002-.001q-.774-.66-1.595-1.26q-.681.488-1.391.936m1.391-1.42a28 28 0 0 0-1.39-.936a32 32 0 0 0-.11-1.664a28 28 0 0 1 1.886-.75h.002a7.8 7.8 0 0 1 1.938-.444c.533-.024.764.096.842.23c.08.138.069.399-.222.85c-.283.43-.754.931-1.352 1.455a28 28 0 0 1-1.594 1.26m-.335.242a28 28 0 0 1-1.041.704a28 28 0 0 0 0-1.408q.529.34 1.04.704" clip-rule="evenodd"/><path fill="#fff" d="M12 12.992a.99.99 0 1 0 0-1.982a.99.99 0 0 0 0 1.982m-5.697-1.983a.742.742 0 1 0 0-1.484a.742.742 0 0 0 0 1.484m4.46 6.938a.75.75 0 0 0 .708-.454a.745.745 0 0 0-.709-1.033a.745.745 0 0 0-.51 1.26c.134.14.317.22.51.227m4.954-8.92a.743.743 0 1 0 0-1.486a.743.743 0 0 0 0 1.487"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Cómo usar el icono Atom Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:atom-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:atom-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:atom-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--atom-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:atom-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:atom-background"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/token-branded/atom-background.svg" alt="Icono Atom Background" width="24" height="24">Iconos relacionados en Web3 Icons Branded
Preguntas frecuentes sobre Icono Atom Background
¿El icono Atom Background es gratis para uso comercial?
Sí. Web3 Icons Branded icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Atom Background en React?
Instala @iconify/react y renderiza <Icon icon="token-branded:atom-background" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Atom Background a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/token-branded/atom-background.svg" alt="Icono Atom Background">, o pega el código SVG en línea para darle estilo con CSS.