rocket icon
rocket from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- rocket
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
rocket-filledAnt Design IconsrocketBootstrap IconsrocketBoxIcons v2rocketBoxIcons v2 SolidrocketCarbonrocketCatppuccin IconsrocketCodiconsrocketEmoji One (Colored)rocketFramework7 IconsrocketFont Awesome 6 SolidrocketFont Awesome Solidrocket-outlineFlowbite Iconsrocket-16-filledFluent UI System IconsrocketFluent EmojirocketFluent Emoji FlatrocketFluent Emoji High ContrastrocketFirefox OS EmojirocketHumbleiconsrocketIconParkrocketIconPark OutlinerocketIconPark SolidrocketIconPark TwoTonerocketIconoirrocketIonIcons
Related icons in Huge Icons
Use the rocket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m8 10.167l4.123-4.124c1.125-1.124 1.688-1.687 2.308-2.14A9.9 9.9 0 0 1 18.74 2.12C19.499 2 20.293 2 21.885 2c.083 0 .115.038.115.115c0 1.59 0 2.386-.119 3.145a9.9 9.9 0 0 1-1.784 4.309c-.453.62-1.016 1.183-2.14 2.308L13.833 16"/><path stroke-linejoin="round" d="M10.341 8.098c-1.703 0-3.843-.36-5.437.3C3.737 8.88 2.878 10 2 10.878l3.306 1.418c.876.375.34 1.48.195 2.206c-.161.808-.152.838.43 1.42l2.147 2.146c.582.583.612.592 1.42.43c.725-.145 1.831-.68 2.206.196L13.121 22c.878-.878 1.998-1.737 2.481-2.904c.66-1.594.3-3.734.3-5.437"/><path stroke-linecap="round" stroke-linejoin="round" d="m12 20l-1 1m-7-9l-1 1"/><path stroke-linecap="square" d="M15 4.08c1.2.18 2.46.66 3.161 1.38c.897.792 1.519 1.86 1.759 3.54"/><path stroke-linecap="round" d="M17.94 6.06L16.5 7.5"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsRocket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" strokeLinejoin="round" d="m8 10.167l4.123-4.124c1.125-1.124 1.688-1.687 2.308-2.14A9.9 9.9 0 0 1 18.74 2.12C19.499 2 20.293 2 21.885 2c.083 0 .115.038.115.115c0 1.59 0 2.386-.119 3.145a9.9 9.9 0 0 1-1.784 4.309c-.453.62-1.016 1.183-2.14 2.308L13.833 16"/><path strokeLinejoin="round" d="M10.341 8.098c-1.703 0-3.843-.36-5.437.3C3.737 8.88 2.878 10 2 10.878l3.306 1.418c.876.375.34 1.48.195 2.206c-.161.808-.152.838.43 1.42l2.147 2.146c.582.583.612.592 1.42.43c.725-.145 1.831-.68 2.206.196L13.121 22c.878-.878 1.998-1.737 2.481-2.904c.66-1.594.3-3.734.3-5.437"/><path strokeLinecap="round" strokeLinejoin="round" d="m12 20l-1 1m-7-9l-1 1"/><path strokeLinecap="square" d="M15 4.08c1.2.18 2.46.66 3.161 1.38c.897.792 1.519 1.86 1.759 3.54"/><path strokeLinecap="round" d="M17.94 6.06L16.5 7.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m8 10.167l4.123-4.124c1.125-1.124 1.688-1.687 2.308-2.14A9.9 9.9 0 0 1 18.74 2.12C19.499 2 20.293 2 21.885 2c.083 0 .115.038.115.115c0 1.59 0 2.386-.119 3.145a9.9 9.9 0 0 1-1.784 4.309c-.453.62-1.016 1.183-2.14 2.308L13.833 16"/><path stroke-linejoin="round" d="M10.341 8.098c-1.703 0-3.843-.36-5.437.3C3.737 8.88 2.878 10 2 10.878l3.306 1.418c.876.375.34 1.48.195 2.206c-.161.808-.152.838.43 1.42l2.147 2.146c.582.583.612.592 1.42.43c.725-.145 1.831-.68 2.206.196L13.121 22c.878-.878 1.998-1.737 2.481-2.904c.66-1.594.3-3.734.3-5.437"/><path stroke-linecap="round" stroke-linejoin="round" d="m12 20l-1 1m-7-9l-1 1"/><path stroke-linecap="square" d="M15 4.08c1.2.18 2.46.66 3.161 1.38c.897.792 1.519 1.86 1.759 3.54"/><path stroke-linecap="round" d="M17.94 6.06L16.5 7.5"/></g></svg> </template>
CSS
.icon-rocket {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m8%2010.167l4.123-4.124c1.125-1.124%201.688-1.687%202.308-2.14A9.9%209.9%200%200%201%2018.74%202.12C19.499%202%2020.293%202%2021.885%202c.083%200%20.115.038.115.115c0%201.59%200%202.386-.119%203.145a9.9%209.9%200%200%201-1.784%204.309c-.453.62-1.016%201.183-2.14%202.308L13.833%2016%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10.341%208.098c-1.703%200-3.843-.36-5.437.3C3.737%208.88%202.878%2010%202%2010.878l3.306%201.418c.876.375.34%201.48.195%202.206c-.161.808-.152.838.43%201.42l2.147%202.146c.582.583.612.592%201.42.43c.725-.145%201.831-.68%202.206.196L13.121%2022c.878-.878%201.998-1.737%202.481-2.904c.66-1.594.3-3.734.3-5.437%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m12%2020l-1%201m-7-9l-1%201%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M15%204.08c1.2.18%202.46.66%203.161%201.38c.897.792%201.519%201.86%201.759%203.54%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17.94%206.06L16.5%207.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m8%2010.167l4.123-4.124c1.125-1.124%201.688-1.687%202.308-2.14A9.9%209.9%200%200%201%2018.74%202.12C19.499%202%2020.293%202%2021.885%202c.083%200%20.115.038.115.115c0%201.59%200%202.386-.119%203.145a9.9%209.9%200%200%201-1.784%204.309c-.453.62-1.016%201.183-2.14%202.308L13.833%2016%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10.341%208.098c-1.703%200-3.843-.36-5.437.3C3.737%208.88%202.878%2010%202%2010.878l3.306%201.418c.876.375.34%201.48.195%202.206c-.161.808-.152.838.43%201.42l2.147%202.146c.582.583.612.592%201.42.43c.725-.145%201.831-.68%202.206.196L13.121%2022c.878-.878%201.998-1.737%202.481-2.904c.66-1.594.3-3.734.3-5.437%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m12%2020l-1%201m-7-9l-1%201%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M15%204.08c1.2.18%202.46.66%203.161%201.38c.897.792%201.519%201.86%201.759%203.54%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17.94%206.06L16.5%207.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/rocket.svg?color=%231a73e8&size=48
