Rocket Vertical icon

keyline-icons:rocket-vertical

The Rocket Vertical icon (keyline-icons:rocket-vertical) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: rocketvertical

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.3652 20.8056L14.6348 20.8056L15.5363 21.707C15.7238 21.8945 15.9782 21.9999 16.2434 21.9999C16.653 21.9999 17.0212 21.7501 17.1726 21.3694L18.9292 16.952C18.9759 16.8344 19 16.7091 19 16.5825C19 16.3173 18.8946 16.063 18.7071 15.8754L15.9523 13.1206C16.0739 12.4114 16.135 11.6931 16.135 10.9735C16.135 7.7624 14.9192 4.6703 12.7322 2.319C12.543 2.1156 12.2778 2 12 2C11.7222 2 11.457 2.1156 11.2678 2.319C9.0808 4.6703 7.865 7.7624 7.865 10.9735C7.865 11.6931 7.9261 12.4114 8.0477 13.1206L5.2929 15.8754C5.1054 16.063 5 16.3173 5 16.5825C5 16.7091 5.0241 16.8344 5.0708 16.952L6.8274 21.3694C6.9788 21.7501 7.347 21.9999 7.7566 21.9999C8.0218 21.9999 8.2762 21.8945 8.4637 21.707L9.3652 20.8056ZM14.6348 20.8056L15.9523 13.1206M9.3652 20.8056L8.0477 13.1206"/></svg>

How to use the Rocket Vertical icon

React

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

<Icon icon="keyline-icons:rocket-vertical" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:rocket-vertical" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:rocket-vertical" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--rocket-vertical]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:rocket-vertical"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/rocket-vertical.svg" alt="Rocket Vertical icon" width="24" height="24">

Related icons in Keyline Icons

Rocket Vertical icon FAQ

Is the Rocket Vertical icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Rocket Vertical icon in React?

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

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

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

Browse all Keyline Icons →