Icono Rocket
flat-ui:rocket
El icono Rocket (flat-ui:rocket) es un icono SVG gratuito de la colección Flat UI Icons de Designmodo, Inc.. Está dibujado en una cuadrícula de 100 × 100. Flat UI Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Flat UI Icons
- Autor
- Designmodo, Inc.
- Licencia
- MIT
- Tamaño
- 100 × 100
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="#33495F"/><clipPath id="SVGpe8tHdIf"><path d="M100 50c0 27.614-22.387 50-50 50c-27.614 0-50-22.386-50-50S22.386 0 50 0h50z"/></clipPath><g fill="#fff" clip-path="url(#a )"><path d="M31 19.5q3.826-.675 4.5-4.5q.676 3.825 4.5 4.5q-3.824.676-4.5 4.5q-.674-3.824-4.5-4.5" clip-path="url(#SVGpe8tHdIf)" opacity=".2"/><path d="M71 74.5q3.826-.675 4.5-4.5q.676 3.825 4.5 4.5q-3.824.676-4.5 4.5q-.674-3.824-4.5-4.5m-60-10q3.826-.675 4.5-4.5q.676 3.825 4.5 4.5q-3.824.676-4.5 4.5q-.674-3.824-4.5-4.5" clip-path="url(#SVGpe8tHdIf)" opacity=".1"/></g><g clip-path="url(#SVGpe8tHdIf)"><path fill="#E94B35" d="M100 .1c-.156.018-.117.058-.1-.1c-23.316 2.979-36.539 12.281-44.035 22.035a51 51 0 0 0-.782 1.047l-.008.01C47.015 34.196 46.087 45.812 46 49h-1l-1 3l4 4l3-1v-1a40 40 0 0 0 7.066-.773l.002.002c.729-.182.932.076.932 3.771v9c0 1.809.943 2.497 1.945 1.494c2.423-2.428 3.003-3.023 8.5-8.528c4.16-4.167 4.676-6.595 2.957-11.059C83.953 41.369 96.432 27.888 100 .1"/><path fill="#C23824" d="m48 56l-4-4l1-3h2l4 4v2zm4-28c-1.718-.69-2-1-4-1s-4.183 1.38-6.861 4.063c-4.254 4.259-4.85 4.839-8.516 8.508C31.425 40.771 33.263 41 36 41c5.233 0 9.297-.125 10.791 1.42C48.764 44.46 52 28 52 28m48-28c-.639 4.973-1.566 9.579-2.721 13.678c-1.049-1.97-2.562-4.364-4.5-6.272c-2.151-2.12-4.812-3.632-6.826-4.585C91.979 1.091 96.783.412 100 0"/><path fill="#fff" d="M72.402 47.907c1.719 4.463 1.312 6.788-2.854 10.954c-.844.844-7.828 7.859-8.604 8.633c-1.003 1.002-1.911.315-1.944-1.494v-.652c3-3 9.689-8.938 11-11.348c.768-1.411.352-3.654 0-5c-3.312 1.76-11.516 4.094-11.932 4.229c-3.162.646-5.601.714-7.068.771v-.656S80.975 43.681 100 0c-3.594 28.047-16.047 41.369-27.598 47.907" opacity=".3"/><path fill="#fff" d="M77.5 28c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5s6.5 2.916 6.5 6.5s-2.916 6.5-6.5 6.5"/><path fill="#C23824" d="M77.5 16a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11m0-2c-4.137 0-7.5 3.364-7.5 7.5s3.363 7.5 7.5 7.5s7.5-3.364 7.5-7.5s-3.363-7.5-7.5-7.5"/><path fill="#D7DCDE" d="m44 52l4 4l-35 36l-6-6z"/><path fill="#F7F7F7" d="m43.875 52l2 2L7.5 91.5l-3-3z"/></g></svg>
Cómo usar el icono Rocket
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:rocket" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:rocket" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:rocket" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--rocket]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:rocket"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:rocket"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/rocket.svg" alt="Icono Rocket" width="24" height="24">
El icono Rocket en otras colecciones
Preguntas frecuentes sobre Icono Rocket
¿El icono Rocket es gratis para uso comercial?
Sí. Flat UI Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Rocket en React?
Instala @iconify/react y renderiza <Icon icon="flat-ui:rocket" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Rocket a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/flat-ui/rocket.svg" alt="Icono Rocket">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Flat UI Icons →
ICONYZ
