Icono Ionx Background
token-branded:ionx-background
El icono Ionx Background (token-branded:ionx-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
- ionxbackground
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="url(#SVGpFq1OenP)" d="M24 0H0v24h24z"/><path fill="#fff" d="M12.226 13.356a1.358 1.358 0 1 0 0-2.716a1.358 1.358 0 0 0 0 2.716m-1.81-6.335a.905.905 0 1 0 0-1.81a.905.905 0 0 0 0 1.81m8.122 5.43a1.131 1.131 0 1 0 0 2.263a1.131 1.131 0 0 0 0-2.263"/><path fill="#fff" d="M16.796 9.478c.625-1.918.543-3.434-.353-4.027c-.995-.642-2.683.054-4.434 1.697q-.211-.195-.416-.371a1.4 1.4 0 0 1-.303.43c.113.1.235.199.339.303q-.68.686-1.276 1.439c-.882.063-1.765.194-2.624.398c-.534-1.647-.52-2.937.176-3.394a1.3 1.3 0 0 1 1.032-.117q.08-.273.271-.498c-.656-.195-1.222-.172-1.656.118c-.896.588-.973 2.104-.348 4.022C5.235 10.03 4 10.935 4 12.003s1.235 1.964 3.204 2.52q-.083.25-.145.494h.077q.233-.002.452.072q.059-.211.131-.43c.865.195 1.747.326 2.634.385q.601.754 1.28 1.439C10.11 17.89 8.68 18.55 7.905 18.039a1.04 1.04 0 0 1-.317-.335a1.3 1.3 0 0 1-.615.06c.108.316.317.588.588.778c.996.656 2.679-.041 4.444-1.693c1.755 1.652 3.438 2.353 4.438 1.693c.9-.589.978-2.105.353-4.028c.181-.045.362-.104.53-.158a1.4 1.4 0 0 1-.236-.466l-.475.145a16 16 0 0 0-.94-2.027c.361-.652.678-1.33.94-2.027c1.688.466 2.77 1.208 2.77 2.027a1 1 0 0 1-.1.425a1.4 1.4 0 0 1 .407.462c.195-.258.303-.57.308-.892c0-1.068-1.235-1.973-3.204-2.525M12 7.872c.317.317.638.665.946 1.04A22 22 0 0 0 12 8.89c-.317 0-.643 0-.941.023c.299-.376.62-.724.94-1.041m-2.08 1.624q-.702.946-1.3 1.96a15 15 0 0 1-.728-1.63a17 17 0 0 1 2.023-.325zm-2.543 4.525c-1.688-.461-2.77-1.203-2.77-2.022c0-.82 1.086-1.552 2.77-2.027q.401 1.047.945 2.027c-.362.651-.678 1.33-.94 2.027zm.51.136q.315-.835.725-1.629c.24.398.475.796.76 1.195q.271.405.543.769a16 16 0 0 1-2.027-.335m1.91-.715a23 23 0 0 1-.896-1.439c.508-.89 1.08-1.744 1.71-2.552a21 21 0 0 1 2.775 0A21 21 0 0 1 15.095 12a21 21 0 0 1-1.706 2.552a22 22 0 0 1-2.774 0a22 22 0 0 1-.814-1.113zm1.25 1.643c.307.013.624.018.94.018c.317 0 .643 0 .946-.018c-.317.375-.638.723-.946 1.04a18 18 0 0 1-.94-1.04m5.054 2.954c-.77.507-2.204-.149-3.729-1.556a18 18 0 0 0 1.28-1.44a17 17 0 0 0 2.625-.393c.534 1.643.52 2.923-.177 3.39m0-3.887q-1 .24-2.028.335q.705-.943 1.299-1.959q.415.793.733 1.629zm-.724-2.692c-.236-.389-.471-.792-.751-1.19q-.272-.394-.548-.77a16 16 0 0 1 2.027.336q-.314.835-.724 1.629zm.905-2.113a16.6 16.6 0 0 0-2.625-.398q-.601-.755-1.28-1.44c1.52-1.406 2.954-2.062 3.728-1.551c.692.452.706 1.742.172 3.389z"/><path fill="#fff" d="M8.606 16.751a1.131 1.131 0 1 0-2.263 0a1.131 1.131 0 0 0 2.263 0"/></g><defs><linearGradient id="SVGpFq1OenP" x1="8" x2="14.194" y1="17.879" y2="5.236" gradientUnits="userSpaceOnUse"><stop stop-color="#383d63"/><stop offset=".23" stop-color="#693566"/><stop offset=".48" stop-color="#982d6a"/><stop offset=".7" stop-color="#bb276c"/><stop offset=".88" stop-color="#d0236d"/><stop offset="1" stop-color="#d8226e"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Cómo usar el icono Ionx Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ionx-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ionx-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ionx-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ionx-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ionx-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:ionx-background"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/token-branded/ionx-background.svg" alt="Icono Ionx Background" width="24" height="24">Iconos relacionados en Web3 Icons Branded
Preguntas frecuentes sobre Icono Ionx Background
¿El icono Ionx 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 Ionx Background en React?
Instala @iconify/react y renderiza <Icon icon="token-branded:ionx-background" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ionx 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/ionx-background.svg" alt="Icono Ionx Background">, o pega el código SVG en línea para darle estilo con CSS.