rocket icon
rocket from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- rocket
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-rocket
The same icon in other sets
rocket-filledAnt Design IconsrocketBootstrap IconsrocketBoxIcons 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 EmojirocketHuge IconsrocketHumbleiconsrocketIconParkrocketIconPark OutlinerocketIconPark SolidrocketIconPark TwoTonerocketIconoirrocketIonIcons
Use the rocket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.92 2.38A15.7 15.7 0 0 0 17.5 2a8.26 8.26 0 0 0-6 2.06Q9.89 5.67 8.31 7.27c-1.21-.13-4.08-.2-6 1.74a1 1 0 0 0 0 1.41l11.3 11.32a1 1 0 0 0 1.41 0c1.95-2 1.89-4.82 1.77-6l3.21-3.2c3.19-3.19 1.74-9.18 1.68-9.43a1 1 0 0 0-.76-.73m-2.36 8.75L15 14.67a1 1 0 0 0-.27.9a6.8 6.8 0 0 1-.54 3.94L4.52 9.82a6.67 6.67 0 0 1 4-.5A1 1 0 0 0 9.39 9s1.4-1.45 3.51-3.56A6.6 6.6 0 0 1 17.5 4a14.5 14.5 0 0 1 2.33.2c.24 1.43.62 5.04-1.27 6.93"/><circle cx="15.73" cy="8.3" r="2" fill="currentColor"/><path fill="currentColor" d="M5 16c-2 1-2 5-2 5a7.8 7.8 0 0 0 5-2z"/></svg>
React
import type { SVGProps } from "react";
export function BxRocket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.92 2.38A15.7 15.7 0 0 0 17.5 2a8.26 8.26 0 0 0-6 2.06Q9.89 5.67 8.31 7.27c-1.21-.13-4.08-.2-6 1.74a1 1 0 0 0 0 1.41l11.3 11.32a1 1 0 0 0 1.41 0c1.95-2 1.89-4.82 1.77-6l3.21-3.2c3.19-3.19 1.74-9.18 1.68-9.43a1 1 0 0 0-.76-.73m-2.36 8.75L15 14.67a1 1 0 0 0-.27.9a6.8 6.8 0 0 1-.54 3.94L4.52 9.82a6.67 6.67 0 0 1 4-.5A1 1 0 0 0 9.39 9s1.4-1.45 3.51-3.56A6.6 6.6 0 0 1 17.5 4a14.5 14.5 0 0 1 2.33.2c.24 1.43.62 5.04-1.27 6.93"/><circle cx="15.73" cy="8.3" r="2" fill="currentColor"/><path fill="currentColor" d="M5 16c-2 1-2 5-2 5a7.8 7.8 0 0 0 5-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.92 2.38A15.7 15.7 0 0 0 17.5 2a8.26 8.26 0 0 0-6 2.06Q9.89 5.67 8.31 7.27c-1.21-.13-4.08-.2-6 1.74a1 1 0 0 0 0 1.41l11.3 11.32a1 1 0 0 0 1.41 0c1.95-2 1.89-4.82 1.77-6l3.21-3.2c3.19-3.19 1.74-9.18 1.68-9.43a1 1 0 0 0-.76-.73m-2.36 8.75L15 14.67a1 1 0 0 0-.27.9a6.8 6.8 0 0 1-.54 3.94L4.52 9.82a6.67 6.67 0 0 1 4-.5A1 1 0 0 0 9.39 9s1.4-1.45 3.51-3.56A6.6 6.6 0 0 1 17.5 4a14.5 14.5 0 0 1 2.33.2c.24 1.43.62 5.04-1.27 6.93"/><circle cx="15.73" cy="8.3" r="2" fill="currentColor"/><path fill="currentColor" d="M5 16c-2 1-2 5-2 5a7.8 7.8 0 0 0 5-2z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.92%202.38A15.7%2015.7%200%200%200%2017.5%202a8.26%208.26%200%200%200-6%202.06Q9.89%205.67%208.31%207.27c-1.21-.13-4.08-.2-6%201.74a1%201%200%200%200%200%201.41l11.3%2011.32a1%201%200%200%200%201.41%200c1.95-2%201.89-4.82%201.77-6l3.21-3.2c3.19-3.19%201.74-9.18%201.68-9.43a1%201%200%200%200-.76-.73m-2.36%208.75L15%2014.67a1%201%200%200%200-.27.9a6.8%206.8%200%200%201-.54%203.94L4.52%209.82a6.67%206.67%200%200%201%204-.5A1%201%200%200%200%209.39%209s1.4-1.45%203.51-3.56A6.6%206.6%200%200%201%2017.5%204a14.5%2014.5%200%200%201%202.33.2c.24%201.43.62%205.04-1.27%206.93%22%2F%3E%3Ccircle%20cx%3D%2215.73%22%20cy%3D%228.3%22%20r%3D%222%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%2016c-2%201-2%205-2%205a7.8%207.8%200%200%200%205-2z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.92%202.38A15.7%2015.7%200%200%200%2017.5%202a8.26%208.26%200%200%200-6%202.06Q9.89%205.67%208.31%207.27c-1.21-.13-4.08-.2-6%201.74a1%201%200%200%200%200%201.41l11.3%2011.32a1%201%200%200%200%201.41%200c1.95-2%201.89-4.82%201.77-6l3.21-3.2c3.19-3.19%201.74-9.18%201.68-9.43a1%201%200%200%200-.76-.73m-2.36%208.75L15%2014.67a1%201%200%200%200-.27.9a6.8%206.8%200%200%201-.54%203.94L4.52%209.82a6.67%206.67%200%200%201%204-.5A1%201%200%200%200%209.39%209s1.4-1.45%203.51-3.56A6.6%206.6%200%200%201%2017.5%204a14.5%2014.5%200%200%201%202.33.2c.24%201.43.62%205.04-1.27%206.93%22%2F%3E%3Ccircle%20cx%3D%2215.73%22%20cy%3D%228.3%22%20r%3D%222%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%2016c-2%201-2%205-2%205a7.8%207.8%200%200%200%205-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/rocket.svg?color=%231a73e8&size=48
