Icono Rocket Launch Chart
streamline-stickies-color:rocket-launch-chart
El icono Rocket Launch Chart (streamline-stickies-color:rocket-launch-chart) es un icono SVG gratuito de la colección Stickies color icons de Streamline. Está dibujado en una cuadrícula de 40 × 40. Stickies color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Stickies color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 40 × 40
- Categoría
- Negocios y dinero
- Etiquetas
- rocketlaunch, launchchart, rocketlaunchchart
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke-miterlimit="10"><path fill="#ffe236" stroke="#231f20" d="M15.9 21.61c-.98.665-3.982 1.79-4.892.488c-.91-1.3 1.213-3.717 2.181-4.382c.969-.665 2.055-.46 2.935.831s.734 2.377-.225 3.062Z"/><path fill="#ff52a1" stroke="#231f20" d="M11.937 30.306c-.332-.734-2.025-.743-3.297-.743s-2.935 0-3.297.743c-.332.372-.489 2.348-.489 3.982s.157 3.62.49 3.991c.322.734 2.015.744 3.296.744c1.282 0 2.935 0 3.297-.744c.323-.371.48-2.348.48-3.991s-.157-3.58-.48-3.982Zm10.399-5.224c-.322-1.223-2.015-1.223-3.306-1.223c-1.292 0-2.935 0-3.297 1.194c-.323.597-.48 3.757-.48 6.369s.157 5.781.48 6.378c.362 1.213 2.035 1.223 3.297 1.223s2.935 0 3.297-1.194c.332-.596.489-3.756.489-6.378s-.147-5.772-.48-6.369Z"/><path fill="#ffe236" stroke="#231f20" d="M32.726 19.858c-.323-1.634-2.025-1.653-3.297-1.653s-2.935 0-3.297 1.653c-.333.812-.489 5.156-.489 8.805s.156 7.953.49 8.804c.332 1.634 2.024 1.644 3.296 1.644s2.935 0 3.297-1.644c.332-.812.489-5.165.489-8.804s-.137-7.993-.49-8.805Z"/><path stroke="#fff" stroke-linecap="round" d="M30.466 19.946c.607 0 .773.137.88 1.32m-11.093 4.433c.596 0 .763.146.87 1.33M9.658 31.255c.597 0 .763.137.87 1.32"/><path fill="#48eeff" stroke="#231f20" d="M17.954 5.526c.98-.053 1.965 0 2.935.157c.92-.705 1.839-1.37 2.602-1.859C26.044 2.171 29.449.889 30.388.889c1.516 0 6.212.587 7.542 2.642s-.088 6.564-.694 7.953c-.372.851-2.935 3.424-5.528 5.077a43 43 0 0 1-2.71 1.566v.068a12.4 12.4 0 0 1-1.134 2.808a9.8 9.8 0 0 1-2.064 2.749a1.21 1.21 0 0 1-1.478 0a11 11 0 0 1-1.878-2.309a15 15 0 0 1-.704-1.262a12.5 12.5 0 0 1-3.688-3.835a12.4 12.4 0 0 1-1.957-4.891q-.474-.593-.88-1.233a11.3 11.3 0 0 1-1.282-2.68a1.21 1.21 0 0 1 .636-1.292c.472-.244.606-.577 3.385-.724Z"/><path fill="#fff" stroke="#231f20" d="M20.81 12.746c-.004 2.184 2.358 3.553 4.251 2.465a2.84 2.84 0 0 0 1.423-2.465c.004-2.184-2.357-3.553-4.25-2.465a2.84 2.84 0 0 0-1.424 2.465Z"/><path stroke="#231f20" stroke-linecap="round" d="M34.731 10.085a20.3 20.3 0 0 1-4.099-6.359M26.65 18.528a26 26 0 0 1-2.866 1.418M19.607 7.64a24 24 0 0 0-2.456 2.034"/><path stroke="#fff" stroke-linecap="round" d="M35.66 3.795a5.3 5.3 0 0 0-2.425-.842"/><path fill="#ffe236" stroke="#231f20" stroke-linecap="round" d="M5.784 16.786a1.419 1.419 0 1 0 2.837 0a1.419 1.419 0 0 0-2.837 0Zm-4.266 7.338c0 1.641 1.778 2.667 3.2 1.846a2.13 2.13 0 0 0 1.066-1.846c0-1.642-1.777-2.668-3.2-1.847a2.13 2.13 0 0 0-1.066 1.846Z"/></g></svg>Cómo usar el icono Rocket Launch Chart
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:rocket-launch-chart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:rocket-launch-chart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:rocket-launch-chart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--rocket-launch-chart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:rocket-launch-chart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:rocket-launch-chart"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/rocket-launch-chart.svg" alt="Icono Rocket Launch Chart" width="24" height="24">Iconos relacionados en Stickies color icons
Preguntas frecuentes sobre Icono Rocket Launch Chart
¿El icono Rocket Launch Chart es gratis para uso comercial?
Sí. Stickies color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Rocket Launch Chart en React?
Instala @iconify/react y renderiza <Icon icon="streamline-stickies-color:rocket-launch-chart" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Rocket Launch Chart a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/rocket-launch-chart.svg" alt="Icono Rocket Launch Chart">, o pega el código SVG en línea para darle estilo con CSS.