Ícone Iotex Background

token-branded:iotex-background

O ícone Iotex Background (token-branded:iotex-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: iotexbackground

Baixar SVG

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="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>

Como usar o ícone 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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/token-branded/iotex-background.svg" alt="Ícone Iotex Background" width="24" height="24">

Ícones relacionados em Web3 Icons Branded

Perguntas frequentes sobre Ícone Iotex Background

O ícone Iotex 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 Iotex Background no React?

Instale @iconify/react e renderize <Icon icon="token-branded:iotex-background" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Iotex 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/iotex-background.svg" alt="Ícone Iotex Background">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Web3 Icons Branded →