Ícone Rocket
bi:rocket
O ícone Rocket (bi:rocket) é um ícone SVG gratuito da coleção Bootstrap Icons de The Bootstrap Authors. Ele é desenhado em uma grade de 24 × 24. Bootstrap 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
- Bootstrap Icons
- Autor
- The Bootstrap Authors
- 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"><g fill="currentColor"><path d="M8 8c.828 0 1.5-.895 1.5-2S8.828 4 8 4s-1.5.895-1.5 2S7.172 8 8 8"/><path d="M11.953 8.81c-.195-3.388-.968-5.507-1.777-6.819C9.707 1.233 9.23.751 8.857.454a3.5 3.5 0 0 0-.463-.315A2 2 0 0 0 8.25.064A.55.55 0 0 0 8 0a.55.55 0 0 0-.266.073a2 2 0 0 0-.142.08a4 4 0 0 0-.459.33c-.37.308-.844.803-1.31 1.57c-.805 1.322-1.577 3.433-1.774 6.756l-1.497 1.826l-.004.005A2.5 2.5 0 0 0 2 12.202V15.5a.5.5 0 0 0 .9.3l1.125-1.5c.166-.222.42-.4.752-.57c.214-.108.414-.192.625-.281l.198-.084c.7.428 1.55.635 2.4.635s1.7-.207 2.4-.635q.1.044.196.083c.213.09.413.174.627.282c.332.17.586.348.752.57l1.125 1.5a.5.5 0 0 0 .9-.3v-3.298a2.5 2.5 0 0 0-.548-1.562zM12 10.445v.055c0 .866-.284 1.585-.75 2.14c.146.064.292.13.425.199c.39.197.8.46 1.1.86L13 14v-1.798a1.5 1.5 0 0 0-.327-.935zM4.75 12.64C4.284 12.085 4 11.366 4 10.5v-.054l-.673.82a1.5 1.5 0 0 0-.327.936V14l.225-.3c.3-.4.71-.664 1.1-.861c.133-.068.279-.135.425-.199M8.009 1.073q.096.06.226.163c.284.226.683.621 1.09 1.28C10.137 3.836 11 6.237 11 10.5c0 .858-.374 1.48-.943 1.893C9.517 12.786 8.781 13 8 13s-1.517-.214-2.057-.607C5.373 11.979 5 11.358 5 10.5c0-4.182.86-6.586 1.677-7.928c.409-.67.81-1.082 1.096-1.32q.136-.113.236-.18Z"/><path d="M9.479 14.361c-.48.093-.98.139-1.479.139s-.999-.046-1.479-.139L7.6 15.8a.5.5 0 0 0 .8 0z"/></g></svg>
Como usar o ícone Rocket
React
import { Icon } from "@iconify/react";
<Icon icon="bi:rocket" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bi:rocket" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bi:rocket" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--rocket]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:rocket"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bi:rocket"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/bi/rocket.svg" alt="Ícone Rocket" width="24" height="24">
Ícones relacionados em Bootstrap Icons
O ícone Rocket em outras coleções
Perguntas frequentes sobre Ícone Rocket
O ícone Rocket é grátis para uso comercial?
Sim. Bootstrap Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Rocket no React?
Instale @iconify/react e renderize <Icon icon="bi:rocket" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Rocket a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/bi/rocket.svg" alt="Ícone Rocket">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Bootstrap Icons →
ICONYZ
