Ícone Injective Background
token-branded:injective-background
O ícone Injective Background (token-branded:injective-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
- injectivebackground
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="#4d3dff" d="M24 0H0v24h24z"/><path fill="#fff" d="m13.68 4l-.048.098c1.664.737 2.608 2.26 2.608 3.93c0 1.802-1.152 3.44-3.392 4.832l-.368.23c-1.68 1.047-2.528 2.226-2.528 3.651c0 1.834 1.408 3.177 3.344 3.177c3.104 0 6.704-3.39 6.704-7.91c0-.737-.096-1.457-.272-2.145l-.112.033c.048.376.064.655.064.917c0 2.67-1.472 4.962-3.936 6.485l-.24.147c-.528.311-.976.492-1.424.492c-.592 0-1.04-.393-1.04-.967c0-.491.32-.982 1.36-1.605l.304-.18c2.304-1.375 3.584-3.308 3.584-5.453c0-2.719-1.984-4.962-4.608-5.732m-3.36 16l.048-.098c-1.664-.737-2.608-2.26-2.608-3.93c0-1.802 1.152-3.44 3.392-4.832l.368-.229c1.68-1.048 2.528-2.227 2.528-3.652c0-1.834-1.408-3.177-3.344-3.177C7.6 4.082 4 7.472 4 11.992c0 .737.096 1.457.272 2.145l.112-.033a7 7 0 0 1-.064-.917c0-2.67 1.472-4.962 3.936-6.485l.24-.147c.528-.311.976-.492 1.424-.492c.592 0 1.04.394 1.04.967c0 .491-.32.982-1.36 1.605l-.304.18c-2.304 1.375-3.584 3.308-3.584 5.453c0 2.719 1.984 4.962 4.608 5.732"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Como usar o ícone Injective Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:injective-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:injective-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:injective-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--injective-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:injective-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:injective-background"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token-branded/injective-background.svg" alt="Ícone Injective Background" width="24" height="24">Ícones relacionados em Web3 Icons Branded
Perguntas frequentes sobre Ícone Injective Background
O ícone Injective 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 Injective Background no React?
Instale @iconify/react e renderize <Icon icon="token-branded:injective-background" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Injective 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/injective-background.svg" alt="Ícone Injective Background">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.