Icône Iotex Background
token-branded:iotex-background
L'icône Iotex Background (token-branded:iotex-background) est une icône SVG gratuite de la collection Web3 Icons Branded par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 Icons Branded icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Web3 Icons Branded
- Auteur
- 0xa3k5
- Licence
- MIT
- Taille
- 24 × 24
- Mots-clés
- iotexbackground
Code 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="url(#SVGtZRcIbwH)" d="M13.65 4.439v3.639l3.153-1.822z"/><path fill="url(#SVG6COnTdqS)" d="M16.84 6.256v3.639l3.155-1.817z" opacity=".9"/><path fill="url(#SVGjxOuBevo)" d="M13.682 8.078v3.639l3.159-1.822z" opacity=".8"/><path fill="url(#SVGscJ4scOu)" d="M16.84 9.895v3.639l3.155-1.817zm-3.158 1.822v3.639l3.159-1.822z" opacity=".8"/><path fill="url(#SVGvLnxJbMs)" d="M16.84 13.534v3.638l3.155-1.816z"/><path fill="url(#SVGohYw2bCO)" d="M5.516 7.955v3.64L8.67 9.771z" opacity=".4"/><path fill="url(#SVGHoyv9cxS)" d="M9.497 9.308v3.639l3.159-1.822z" opacity=".2"/><path fill="url(#SVG9K9z2dYB)" d="M7.16 11.61v3.639l3.153-1.822z" opacity=".3"/><path fill="url(#SVGm5ZjSDBH)" d="M9.236 14.355v3.64l3.16-1.823z" opacity=".9"/><path fill="url(#SVGKtXOmcDR)" d="M13.65 15.922v3.64l3.16-1.823z" opacity=".7"/><path fill="url(#SVGQWWPUcIW)" d="M10.022 7.511v3.64l3.16-1.818z" opacity=".9"/><path fill="url(#SVGR6u3Ybrc)" d="M13.682 4.439v3.639l-3.16-1.822z" opacity=".8"/><path fill="url(#SVG3zYG5bPd)" d="M10.023 5.98v3.64L6.869 7.801zm3.159 1.807v3.639l-3.154-1.822z" opacity=".6"/><path fill="url(#SVGQb5Aae9S)" d="M9.486 9.308v3.639l-3.159-1.822z" opacity=".95"/><path fill="url(#SVGdtcDCbvN)" d="M13.682 11.717v3.639l-3.16-1.822z" opacity=".6"/><path fill="url(#SVGkzjBBb4s)" d="M7.16 12.564v3.634L4 14.38z" opacity=".55"/><path fill="url(#SVGIcShREuY)" d="M19.995 8.078v3.639l-3.154-1.822z"/><path fill="url(#SVGR1NGFbOH)" d="M16.84 9.895v3.639l-3.158-1.817z" opacity=".95"/><path fill="url(#SVGTLegOdAx)" d="M20 11.717v3.639l-3.16-1.822z" opacity=".9"/><path fill="url(#SVGx0YRvXcD)" d="M16.836 13.534v3.638l-3.154-1.816z" opacity=".7"/><path fill="url(#SVGWpqhLbbb)" d="M12.983 15.055v3.639l-3.16-1.817z" opacity=".4"/><path fill="url(#SVGGUCb53oI)" d="M16.84 6.256v3.639l-3.158-1.817z"/></g><defs><linearGradient id="SVGtZRcIbwH" x1="14.438" x2="17.115" y1="6.455" y2="6.851" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVG6COnTdqS" x1="17.63" x2="20.306" y1="8.272" y2="8.668" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGjxOuBevo" x1="14.472" x2="17.152" y1="10.094" y2="10.491" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGscJ4scOu" x1="15.261" x2="20.53" y1="12.92" y2="13.96" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGvLnxJbMs" x1="17.63" x2="20.306" y1="15.55" y2="15.945" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGohYw2bCO" x1="6.305" x2="8.981" y1="9.971" y2="10.367" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGHoyv9cxS" x1="10.287" x2="12.967" y1="11.324" y2="11.721" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVG9K9z2dYB" x1="7.948" x2="10.624" y1="13.626" y2="14.021" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGm5ZjSDBH" x1="10.026" x2="12.707" y1="16.371" y2="16.768" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGKtXOmcDR" x1="14.441" x2="17.122" y1="17.938" y2="18.335" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGQWWPUcIW" x1="10.812" x2="13.493" y1="9.527" y2="9.924" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGR6u3Ybrc" x1="11.313" x2="13.993" y1="6.455" y2="6.852" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVG3zYG5bPd" x1="8.448" x2="13.716" y1="8.997" y2="10.039" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGQb5Aae9S" x1="7.117" x2="9.798" y1="11.324" y2="11.721" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGdtcDCbvN" x1="11.313" x2="13.993" y1="13.733" y2="14.13" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGkzjBBb4s" x1="4.79" x2="7.471" y1="14.577" y2="14.975" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGIcShREuY" x1="17.63" x2="20.306" y1="10.094" y2="10.49" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGR1NGFbOH" x1="14.472" x2="17.152" y1="11.911" y2="12.308" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGTLegOdAx" x1="17.631" x2="20.312" y1="13.733" y2="14.13" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGx0YRvXcD" x1="14.47" x2="17.147" y1="15.55" y2="15.945" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGWpqhLbbb" x1="10.614" x2="13.294" y1="17.07" y2="17.468" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><linearGradient id="SVGGUCb53oI" x1="14.472" x2="17.152" y1="8.272" y2="8.669" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#77fe9e"/><stop offset=".369" stop-color="#72a7ff"/><stop offset="1" stop-color="#ec02d5"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Iotex Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:iotex-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:iotex-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:iotex-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--iotex-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:iotex-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:iotex-background"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/iotex-background.svg" alt="Icône Iotex Background" width="24" height="24">Icônes similaires dans Web3 Icons Branded
FAQ : Icône Iotex Background
L'icône Iotex Background est-elle gratuite pour un usage commercial ?
Oui. Les Web3 Icons Branded icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Iotex Background dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:iotex-background" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Iotex Background à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/iotex-background.svg" alt="Icône Iotex Background">, ou collez le code SVG directement dans la page pour le styliser en CSS.