Ícone Zkid Background
token-branded:zkid-background
O ícone Zkid Background (token-branded:zkid-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
- zkidbackground
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.025 5.985C6.015 5.975 6 5.965 6 5.95V4.06C6 4.02 5.99 4 5.945 4h-.87Q5 3.999 5 4.065v1.9c0 .015 0 .025-.01.03c-.01.01-.015.005-.025.005H4.08c-.05 0-.08.03-.08.075V17.1c0 .71.15 1.285.635 1.84a3.1 3.1 0 0 0 2.335 1.05a.05.05 0 0 0 .025-.025L7 19.95V6.035l-.015-.02l-.02-.01h-.01l-.015-.01h-.87c-.015 0-.03 0-.04-.01zM5.07 8h.86c.04 0 .07.025.07.05v10.4c0 .025-.03.05-.07.05h-.86c-.04 0-.07-.025-.07-.05V8.05c0-.025.03-.05.07-.05m3.535-2c-.02 0-.105.04-.105.06v13.865q0 .024.015.04l.01.01c.01.01.02.025.035.025h4.56a6.8 6.8 0 0 0 4.855-2.01A6.92 6.92 0 0 0 20 13.11v-.155a6.95 6.95 0 0 0-1.99-4.9A6.8 6.8 0 0 0 13.17 6H8.6zM10 8.1a.1.1 0 0 1 .025-.065a.1.1 0 0 1 .025-.015l.01-.01l.02-.01h3.36a4.88 4.88 0 0 1 3.57 1.52a5.4 5.4 0 0 1 1.49 3.7v.015a5.35 5.35 0 0 1-1.465 3.705a4.97 4.97 0 0 1-3.56 1.56h-3.36a.08.08 0 0 1-.06-.025l-.02-.015c-.015-.015-.035-.03-.035-.045zm1.5 1.935l.015-.02l.005-.005l.011-.008l.014-.002h2.2c.865 0 1.695.35 2.3.95A3.22 3.22 0 0 1 17 13.245v.03a3.21 3.21 0 0 1-2.015 2.985c-.4.16-.82.245-1.25.245h-2.2c-.01 0-.02-.01-.025-.015l-.008-.012l-.002-.013z"/></g></svg>Como usar o ícone Zkid Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:zkid-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:zkid-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:zkid-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--zkid-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:zkid-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:zkid-background"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token-branded/zkid-background.svg" alt="Ícone Zkid Background" width="24" height="24">Ícones relacionados em Web3 Icons Branded
Perguntas frequentes sobre Ícone Zkid Background
O ícone Zkid 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 Zkid Background no React?
Instale @iconify/react e renderize <Icon icon="token-branded:zkid-background" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Zkid 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/zkid-background.svg" alt="Ícone Zkid Background">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.