Ícone Impt Background
token-branded:impt-background
O ícone Impt Background (token-branded:impt-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
- imptbackground
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="#fff" d="M24 0H0v24h24z"/><path fill="#89efdb" d="m13.22 5.68l-8.63 5.663a1.296 1.296 0 0 0-.378 1.797l3.123 4.787a1.296 1.296 0 0 0 1.79.375l8.63-5.663a1.3 1.3 0 0 0 .565-1.327a1.3 1.3 0 0 0-.19-.47l-3.124-4.783a1.297 1.297 0 0 0-1.79-.374z"/><path fill="#a57fe2" d="M16.74 7.945L6.721 10.403a1.29 1.29 0 0 0-.947 1.566l1.355 5.557a1.297 1.297 0 0 0 1.566.952l10.016-2.459a1.29 1.29 0 0 0 .947-1.57l-1.356-5.557a1.297 1.297 0 0 0-1.558-.947z"/><path fill="#886ee2" d="m16.31 8.058l-9.58 2.353a1.294 1.294 0 0 0-.952 1.57l1.355 5.553l.06.181l.143.22a1.29 1.29 0 0 0 1.364.547l.117-.026c.11-.033.21-.084.312-.147l8.63-5.662a1.296 1.296 0 0 0 .375-1.793z"/><path fill="#9eed57" d="M18.724 10.1H8.569c-.694 0-1.2.674-1.2 1.34v5.775c0 .699.502 1.31 1.2 1.31h10.155a1.25 1.25 0 0 0 .9-.384c.242-.247.377-.58.375-.926v-5.767a1.34 1.34 0 0 0-.375-.927a1.3 1.3 0 0 0-.412-.286c-.152-.067-.32-.13-.488-.13z"/><path fill="#77e03b" d="M19.957 14.416L18.921 10.1H8.607c-.707 0-1.237.66-1.237 1.338v5.776c0 .834.728 1.465 1.536 1.267L19.006 16a1.305 1.305 0 0 0 .955-1.583z"/><path fill="#fff" d="M16.63 13.889v-.421h-.42v-.421h-.421v.42h-.282v.422h.282v.703c0 .438.223.61.842.547v-.408c-.253.012-.421.038-.421-.14v-.702zm-2.011-.421a.59.59 0 0 0-.514.248v-.248h-.421v2.063c0 .113-.16.202-.274.176a.185.185 0 0 1-.147-.176v-1.369c0-.42-.248-.694-.636-.694c-.231 0-.404.092-.51.244a.51.51 0 0 0-.462-.244c-.21 0-.4.084-.497.227v-.227h-.42v1.684h.42v-.897c0-.253.152-.379.341-.379s.286.118.286.32v.956h.442v-.897c0-.253.122-.379.316-.379c.185 0 .3.118.3.32v1.326c0 .312.243.598.559.62c.35.029.703-.253.703-.607v-.53s.067.147.421.147c.459 0 .842-.29.842-.792c0-.505-.295-.892-.75-.892m-.085 1.263c-.265 0-.429-.14-.429-.421c0-.282.164-.425.434-.425q.406.001.408.425q0 .421-.408.42zm-4.218-1.263h-.42v1.684h.42zm-.265-.838a.26.26 0 0 0-.194.168a.282.282 0 0 0 .253.388c.147 0 .27-.127.27-.278c0-.169-.152-.316-.33-.278"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Como usar o ícone Impt Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:impt-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:impt-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:impt-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--impt-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:impt-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:impt-background"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token-branded/impt-background.svg" alt="Ícone Impt Background" width="24" height="24">Ícones relacionados em Web3 Icons Branded
Perguntas frequentes sobre Ícone Impt Background
O ícone Impt 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 Impt Background no React?
Instale @iconify/react e renderize <Icon icon="token-branded:impt-background" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Impt 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/impt-background.svg" alt="Ícone Impt Background">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.