Rocket icon

emojione-v1:rocket

The Rocket icon (emojione-v1:rocket) is a free SVG icon from the Emoji One (v1) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (v1)
Author: Emoji One
License: CC-BY-SA-4.0
Size: 64 × 64
Category: Travel

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#fbed21"><path d="M39.11 49.04c6.447-6.442 5.87-17.448-1.276-24.599c-7.15-7.149-18.15-7.724-24.599-1.279c-6.443 6.437-16.529 28.11-9.38 35.26c7.153 7.151 28.819-2.94 35.26-9.378" opacity=".62"/><path d="M40.988 42.46c5.354-5.35 4.876-14.492-1.06-20.432c-5.94-5.938-15.08-6.415-20.432-1.062c-5.348 5.346-13.729 23.349-7.791 29.28c5.941 5.941 23.941-2.441 29.28-7.789" opacity=".62"/></g><path fill="#d1d2d3" d="M27.819 36.04c6.091 6.091 11.02 12.517 14.546 18.616c.492-3.073 2.555-7.911 8.781-18.06C63.512 16.436 64.786 2.028 63.434.682a3 3 0 0 0-.127-.126a3 3 0 0 0-.129-.127C61.834-.928 47.432.355 27.264 12.718c-10.149 6.226-14.992 8.285-18.06 8.779c6.097 3.521 12.527 8.455 18.616 14.546"/><path fill="#86a7ac" d="M59.4.082c-5.729.485-17.372 3.584-32.14 12.637c-10.149 6.226-14.992 8.285-18.06 8.779c6.097 3.521 12.527 8.456 18.616 14.546c.256.256.492.516.75.771C26.691 19.705 45.532 8.356 59.399.082"/><path fill="#de374b" d="M33.577 52.628c3.112 3.114 5.635 6.396 7.436 9.516c.249-1.572 1.303-4.046 4.484-9.234c6.32-10.305 6.977-17.667 6.281-18.355c-.02-.021-.046-.042-.065-.063s-.042-.046-.065-.065c-.687-.692-8.05-.037-18.354 6.281c-5.187 3.182-7.663 4.235-9.236 4.486c3.121 1.797 6.407 4.322 9.519 7.434"/><path fill="#c5344d" d="M41.699 44.09c-2.653 3.278-4.675 7.455-5.208 11.729c1.787 2.115 3.326 4.255 4.521 6.323c.249-1.572 1.303-4.046 4.484-9.234c5.146-8.39 6.534-14.828 6.5-17.302c-3.415 2.852-7.447 4.955-10.297 8.484"/><path fill="#de374b" d="M9.52 28.46c3.112 3.114 5.634 6.397 7.435 9.516c.249-1.572 1.302-4.046 4.487-9.234c6.318-10.305 6.971-17.667 6.279-18.356q-.031-.032-.066-.063c-.024-.022-.042-.046-.065-.065c-.686-.693-8.05-.037-18.354 6.281C4.05 19.721 1.574 20.774 0 21.025c3.121 1.799 6.408 4.324 9.52 7.435"/><path fill="#c5344d" d="M12.844 21.432c5.595-2.679 11.441-5.706 14.918-10.973c-.016-.022-.026-.057-.026-.057c-.035-.037-.059-.057-.081-.079c-.024-.022-.042-.046-.065-.065c-.686-.693-8.05-.037-18.354 6.281C4.05 19.721 1.574 20.774 0 21.025c2.104 1.213 4.279 2.778 6.427 4.607a28.7 28.7 0 0 1 6.417-4.2"/><path fill="#243438" d="M53.03 11.06c1.724 1.486 3.138 3.082 4.179 4.618c.071-.815.52-2.129 1.965-4.916c2.869-5.534 2.928-9.347 2.546-9.673a.1.1 0 0 0-.035-.03l-.035-.033c-.38-.33-4.14.28-9.21 3.912c-2.546 1.832-3.78 2.463-4.578 2.653c1.667.809 3.454 1.985 5.168 3.469"/></svg>

How to use the Rocket icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:rocket" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-v1:rocket" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-v1:rocket" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--rocket]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:rocket"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-v1:rocket"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-v1/rocket.svg" alt="Rocket icon" width="24" height="24">

Rocket icon in other icon sets

Rocket icon FAQ

Is the Rocket icon free for commercial use?

Yes. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Rocket icon in React?

Install @iconify/react and render <Icon icon="emojione-v1:rocket" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Rocket icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-v1/rocket.svg" alt="Rocket icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (v1) icons →