Ícone Tronpad
token:tronpad
O ícone Tronpad (token:tronpad) é um ícone SVG gratuito da coleção Web3 Icons de 0xa3k5. Ele é desenhado em uma grade de 24 × 24. Web3 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
- Autor
- 0xa3k5
- Licença
- MIT
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.87 18.25a.4.4 0 0 1-.15-.03c-.15-.06-.22-.21-.22-.375v-7.2l-6.316-4.15a.41.41 0 0 1-.17-.45a.41.41 0 0 1 .395-.295h17.186a.4.4 0 0 1 .37.245a.4.4 0 0 1-.07.435l-3.11 3.4a.411.411 0 0 1-.734-.248a.4.4 0 0 1 .129-.302l2.485-2.715h-14.9l5.33 3.52c.114.075.184.2.184.34V16.8l2.22-2.45V8.92c0-.155.115-.3.255-.365c.14-.07.31-.05.43.045l2.996 2.32a.406.406 0 0 1 .05.595l-2.885 3.15v3.18a.41.41 0 0 1-.41.405c-.225 0-.435-.185-.435-.405V15.55l-2.33 2.565a.4.4 0 0 1-.3.135m3.475-8.5v3.705l1.98-2.165l-1.975-1.54z"/></svg>Como usar o ícone Tronpad
React
import { Icon } from "@iconify/react";
<Icon icon="token:tronpad" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:tronpad" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:tronpad" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--tronpad]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:tronpad"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:tronpad"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token/tronpad.svg" alt="Ícone Tronpad" width="24" height="24">O ícone Tronpad em outras coleções
Perguntas frequentes sobre Ícone Tronpad
O ícone Tronpad é grátis para uso comercial?
Sim. Web3 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Tronpad no React?
Instale @iconify/react e renderize <Icon icon="token:tronpad" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Tronpad a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token/tronpad.svg" alt="Ícone Tronpad">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.