rocket icon
rocket-f from Jam Icons by Michael Amprimo · Filled · MIT Free for personal and commercial use.
- Name
- rocket-f
- Set
- Jam Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Jam Icons
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 EmojirocketHuge IconsrocketHumbleiconsrocketIconParkrocketIconPark OutlinerocketIconPark SolidrocketIconPark TwoTonerocketIconoir
Use the rocket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2.5 -2.5 24 24"><path fill="currentColor" d="M7.21 16.067a7 7 0 0 1-.664.772q-1.758 1.757-5.303 1.06q-.697-3.545 1.06-5.303q.372-.37.772-.663a9 9 0 0 0-2.599-.81A6 6 0 0 1 1.95 8.707a5.98 5.98 0 0 1 3.81-1.742a13.6 13.6 0 0 1 2.2-2.854c3.32-3.32 7.593-4.428 9.546-2.475s.845 6.227-2.475 9.546a13.6 13.6 0 0 1-2.854 2.2a5.98 5.98 0 0 1-1.742 3.81a5.96 5.96 0 0 1-2.416 1.474a9 9 0 0 0-.81-2.599zM13.262 5.88a1 1 0 1 0 1.415-1.415a1 1 0 0 0-1.415 1.415m-7.778 7.778q-.164-.165-.53-.503c-.432.15-.944.574-1.414 1.033c-.371.363-.497.973-.5 1.92c.946-.004 1.62-.22 1.914-.506c.471-.459.89-.917 1.04-1.35c-.112-.194-.346-.43-.51-.594"/></svg>
React
import type { SVGProps } from "react";
export function JamRocketF(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2.5 -2.5 24 24"><path fill="currentColor" d="M7.21 16.067a7 7 0 0 1-.664.772q-1.758 1.757-5.303 1.06q-.697-3.545 1.06-5.303q.372-.37.772-.663a9 9 0 0 0-2.599-.81A6 6 0 0 1 1.95 8.707a5.98 5.98 0 0 1 3.81-1.742a13.6 13.6 0 0 1 2.2-2.854c3.32-3.32 7.593-4.428 9.546-2.475s.845 6.227-2.475 9.546a13.6 13.6 0 0 1-2.854 2.2a5.98 5.98 0 0 1-1.742 3.81a5.96 5.96 0 0 1-2.416 1.474a9 9 0 0 0-.81-2.599zM13.262 5.88a1 1 0 1 0 1.415-1.415a1 1 0 0 0-1.415 1.415m-7.778 7.778q-.164-.165-.53-.503c-.432.15-.944.574-1.414 1.033c-.371.363-.497.973-.5 1.92c.946-.004 1.62-.22 1.914-.506c.471-.459.89-.917 1.04-1.35c-.112-.194-.346-.43-.51-.594"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2.5 -2.5 24 24"><path fill="currentColor" d="M7.21 16.067a7 7 0 0 1-.664.772q-1.758 1.757-5.303 1.06q-.697-3.545 1.06-5.303q.372-.37.772-.663a9 9 0 0 0-2.599-.81A6 6 0 0 1 1.95 8.707a5.98 5.98 0 0 1 3.81-1.742a13.6 13.6 0 0 1 2.2-2.854c3.32-3.32 7.593-4.428 9.546-2.475s.845 6.227-2.475 9.546a13.6 13.6 0 0 1-2.854 2.2a5.98 5.98 0 0 1-1.742 3.81a5.96 5.96 0 0 1-2.416 1.474a9 9 0 0 0-.81-2.599zM13.262 5.88a1 1 0 1 0 1.415-1.415a1 1 0 0 0-1.415 1.415m-7.778 7.778q-.164-.165-.53-.503c-.432.15-.944.574-1.414 1.033c-.371.363-.497.973-.5 1.92c.946-.004 1.62-.22 1.914-.506c.471-.459.89-.917 1.04-1.35c-.112-.194-.346-.43-.51-.594"/></svg> </template>
CSS
.icon-rocket-f {
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%22-2.5%20-2.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.21%2016.067a7%207%200%200%201-.664.772q-1.758%201.757-5.303%201.06q-.697-3.545%201.06-5.303q.372-.37.772-.663a9%209%200%200%200-2.599-.81A6%206%200%200%201%201.95%208.707a5.98%205.98%200%200%201%203.81-1.742a13.6%2013.6%200%200%201%202.2-2.854c3.32-3.32%207.593-4.428%209.546-2.475s.845%206.227-2.475%209.546a13.6%2013.6%200%200%201-2.854%202.2a5.98%205.98%200%200%201-1.742%203.81a5.96%205.96%200%200%201-2.416%201.474a9%209%200%200%200-.81-2.599zM13.262%205.88a1%201%200%201%200%201.415-1.415a1%201%200%200%200-1.415%201.415m-7.778%207.778q-.164-.165-.53-.503c-.432.15-.944.574-1.414%201.033c-.371.363-.497.973-.5%201.92c.946-.004%201.62-.22%201.914-.506c.471-.459.89-.917%201.04-1.35c-.112-.194-.346-.43-.51-.594%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%22-2.5%20-2.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.21%2016.067a7%207%200%200%201-.664.772q-1.758%201.757-5.303%201.06q-.697-3.545%201.06-5.303q.372-.37.772-.663a9%209%200%200%200-2.599-.81A6%206%200%200%201%201.95%208.707a5.98%205.98%200%200%201%203.81-1.742a13.6%2013.6%200%200%201%202.2-2.854c3.32-3.32%207.593-4.428%209.546-2.475s.845%206.227-2.475%209.546a13.6%2013.6%200%200%201-2.854%202.2a5.98%205.98%200%200%201-1.742%203.81a5.96%205.96%200%200%201-2.416%201.474a9%209%200%200%200-.81-2.599zM13.262%205.88a1%201%200%201%200%201.415-1.415a1%201%200%200%200-1.415%201.415m-7.778%207.778q-.164-.165-.53-.503c-.432.15-.944.574-1.414%201.033c-.371.363-.497.973-.5%201.92c.946-.004%201.62-.22%201.914-.506c.471-.459.89-.917%201.04-1.35c-.112-.194-.346-.43-.51-.594%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/rocket-f.svg?color=%231a73e8&size=48
