Icono Xi Background
token-branded:xi-background
El icono Xi Background (token-branded:xi-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
- xibackground
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="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.92 4.01a.46.46 0 0 0-.356.329a.6.6 0 0 0 0 .222c.02.077.061.147.12.2a.4.4 0 0 0 .338.129q.06 0 .12-.018a.452.452 0 0 0 .253-.63a.46.46 0 0 0-.338-.232c-.07-.013-.07-.013-.138 0M5.217 7.565a.5.5 0 0 0-.196.12a.4.4 0 0 0-.133.293c0 .085.009.138.045.223a.48.48 0 0 0 .297.235a.6.6 0 0 0 .214 0a.47.47 0 0 0 .315-.31a.453.453 0 0 0-.32-.56a.6.6 0 0 0-.222 0m13.336 0a.445.445 0 0 0-.204.751a.42.42 0 0 0 .31.129a.4.4 0 0 0 .205-.044a.45.45 0 0 0-.084-.831a.7.7 0 0 0-.222-.005zm-8.777 3.546h.903l.057-.666h2.52l.062.666h.902V9.778H9.777zm.89 1.334h2.666v-.89h-2.667zm-.89 1.777h4.444V12.89h-.888l-.076.667h-2.515l-.062-.667h-.903zM5.258 15.56a.46.46 0 0 0-.369.475c.009.111.049.2.133.285a.5.5 0 0 0 .223.12a.7.7 0 0 0 .222-.014a.46.46 0 0 0 .298-.31a.6.6 0 0 0 0-.245a.45.45 0 0 0-.507-.311m13.35-.005a.45.45 0 0 0-.387.445a.445.445 0 1 0 .88-.09a.46.46 0 0 0-.493-.355m-6.702 3.564a.46.46 0 0 0-.329.285a.6.6 0 0 0-.018.244a.448.448 0 1 0 .863-.24a.46.46 0 0 0-.516-.289m-5.24-9.785l-.888-.667v2.889l.889-.667zm2-2.667L6.222 8.223l.89.666l1.554-1.11l1.778 1.11l1.555-.888l1.334.666v-1.11l-1.334-.667l-1.555.888z"/><path fill="#fff" d="M11.778 5.113L9.334 6.446l1.11.444l1.334-.666zm.444 1.11v-1.11l2.445 1.333v1.778l1.777 1.11v1.778l-.888.444v-1.555l-1.778-1.11V7.112z"/><path fill="#fff" d="M15.555 8.222V6.89l2.222 1.556l-1.111.444zm2.666.667l-.889.444v1.778L15.555 12v2l-1.333.666l.888.667l1.334-.89v-1.777l1.777-.889z"/><path fill="#fff" d="M18.221 15.11v-2.666l-.889.444v1.778zm-.444.445l-.89-.445l-1.555.889l-1.777-.889L12 16l-1.334-.889v1.111L12 17.11l1.555-.889l1.777.889z"/><path fill="#fff" d="m14.667 17.554l-2.444 1.111l.222-1.333l1.11-.444zm-3.11 0v1.111l-2.223-1.333v-1.777l-1.777-1.111V13.11l.888-.666v1.333l1.778 1.111v1.778z"/><path fill="#fff" d="M8.445 15.778v1.11l-2.222-1.333l.889-.444zm-1.777-1.111l-.89.444v-2.888l1.778-1.111V9.334l1.334-.667l.888.667l-1.333.667v1.555l-1.777 1.111z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Cómo usar el icono Xi Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:xi-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:xi-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:xi-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--xi-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:xi-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:xi-background"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/token-branded/xi-background.svg" alt="Icono Xi Background" width="24" height="24">Iconos relacionados en Web3 Icons Branded
Preguntas frecuentes sobre Icono Xi Background
¿El icono Xi 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 Xi Background en React?
Instala @iconify/react y renderiza <Icon icon="token-branded:xi-background" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Xi 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/xi-background.svg" alt="Icono Xi Background">, o pega el código SVG en línea para darle estilo con CSS.