Ícone Launch
token:launch
O ícone Launch (token:launch) é 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="M14.582 8.611c.813-.771 3.93-2.006 5.39-2.525c-.993.514-3.158 1.697-3.883 2.345c-.72.648-1.162 1.98-1.29 2.566c.128.005.225.042.225.14c-.432 4.062-3.872 4.936-4.947 5.235c2.345-1.517 2.798-2.803 2.746-3.256c-.103.062-.288.17-.375.17c1.162-3.559 1.121-3.703 2.134-4.675m-.376-2.515c-2.541.288-2.639 2.242-2.392 3.075c.617-1.784 1.389-2.252 1.919-2.252c.534 0 1.048.421 1.47.421c.427 0 .834-.267.92-.421c-.385-.623-1.408-.885-1.918-.823"/><path fill="currentColor" d="M13.373 7.958c0-.077.185-.252.277-.33c.088.068.273.217.273.284c0 .077-.185.231-.33.231c-.148 0-.22-.092-.22-.185M8.22 6.754C5.206 5.417 4.157 3.694 4.028 3v1.466c0 .596.335 1.255.56 1.543c.222.293.448.745.36.745a2.3 2.3 0 0 1-.585-.154c.493 1.733 2.556 2.484 4.304 2.793c1.749.308 3.27 1.074 3.605 1.321c-.02-.535-1.296-2.7-4.052-3.96m.633 3.106c1.877.36 2.694.952 2.874 1.204c-.684.411-1.84.74-2.417.669c-3.877-.443-4.18-2.834-4.18-3.076c.9.556 1.377.761 3.723 1.204m1.223 3.692c.499-.16 1.332-.93 1.635-1.296c.154.679-.936 1.635-1.337 1.913c-.396.278-1.512 1.234-1.399 1.337c.221.196 1.646-.566 1.847-.627q.13-.044.267-.052c.051 0 .088.016.088.052c-1.533 1.178-2.089 1.697-2.536 2.314c-.442.617-.33 1.553-.555 2.057A3.03 3.03 0 0 1 5.463 21c-.026-.088-.052-.35.072-.72a2.4 2.4 0 0 0 .144-.695c0-.072 0-.128-.036-.128c-.247 0-.71.586-.91 1.028c-.052-.431-.155-1.331-.155-1.614c0-1.692 1.42-2.988 2.134-3.425l3.364-2.33z"/></svg>Como usar o ícone Launch
React
import { Icon } from "@iconify/react";
<Icon icon="token:launch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:launch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:launch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--launch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:launch"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:launch"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token/launch.svg" alt="Ícone Launch" width="24" height="24">O ícone Launch em outras coleções
Perguntas frequentes sobre Ícone Launch
O ícone Launch é 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 Launch no React?
Instale @iconify/react e renderize <Icon icon="token:launch" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Launch a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token/launch.svg" alt="Ícone Launch">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.