Rocket Sharp Duotone icon

keyline-icons:rocket-sharp-duotone

The Rocket Sharp Duotone icon (keyline-icons:rocket-sharp-duotone) 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: rocketsharp, sharpduotone, rocketsharpduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M6.3961 14.5269L9.4731 17.6039L9.4731 19.9368C9.4731 20.489 9.9208 20.9368 10.4731 20.9368C10.5903 20.9368 10.7066 20.9161 10.8167 20.8759L17.0739 18.5866C17.4681 18.4424 17.7303 18.0673 17.7303 17.6475L17.7303 13.2689C21.0524 10.7192 22.9999 6.7697 22.9999 2.5819C22.9999 2.377 22.9953 2.1721 22.9859 1.9674C22.9623 1.451 22.549 1.0377 22.0326 1.0141C21.8279 1.0047 21.623 1.0001 21.4181 1.0001C17.2303 1.0001 13.2808 2.9476 10.7311 6.2697L6.3525 6.2697C5.9327 6.2697 5.5576 6.5319 5.4134 6.9261L3.1241 13.1833C3.0839 13.2934 3.0632 13.4097 3.0632 13.5269C3.0632 14.0792 3.511 14.5269 4.0632 14.5269L6.3961 14.5269ZM2.0549 22.9984L4.4602 22.8664C6.1347 22.7745 7.4454 21.3899 7.4454 19.7129C7.4454 17.9686 6.0314 16.5546 4.2871 16.5546C2.6101 16.5546 1.2255 17.8653 1.1336 19.5398L1.0016 21.9451C1.0006 21.9634 1.0001 21.9817 1.0001 21.9999C1.0001 22.5522 1.4478 22.9999 2.0001 22.9999C2.0183 22.9999 2.0366 22.9994 2.0549 22.9984Z" stroke="none"/><path d="M10.4731 17.1897L16.7303 12.7638M6.8103 13.5269L11.2362 7.2697"/></g></svg>

How to use the Rocket Sharp Duotone icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:rocket-sharp-duotone"></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-sharp-duotone"></iconify-icon>

HTML image

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

Related icons in Keyline Icons

Rocket Sharp Duotone icon FAQ

Is the Rocket Sharp Duotone 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 Sharp Duotone icon in React?

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

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

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

Browse all Keyline Icons →