rocket icon
rocket from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- rocket
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
rocket-filledAnt Design 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 TwoTonerocketIconoirrocketIonIcons
Related icons in Bootstrap Icons
Use the rocket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 8c.828 0 1.5-.895 1.5-2S8.828 4 8 4s-1.5.895-1.5 2S7.172 8 8 8"/><path d="M11.953 8.81c-.195-3.388-.968-5.507-1.777-6.819C9.707 1.233 9.23.751 8.857.454a3.5 3.5 0 0 0-.463-.315A2 2 0 0 0 8.25.064A.55.55 0 0 0 8 0a.55.55 0 0 0-.266.073a2 2 0 0 0-.142.08a4 4 0 0 0-.459.33c-.37.308-.844.803-1.31 1.57c-.805 1.322-1.577 3.433-1.774 6.756l-1.497 1.826l-.004.005A2.5 2.5 0 0 0 2 12.202V15.5a.5.5 0 0 0 .9.3l1.125-1.5c.166-.222.42-.4.752-.57c.214-.108.414-.192.625-.281l.198-.084c.7.428 1.55.635 2.4.635s1.7-.207 2.4-.635q.1.044.196.083c.213.09.413.174.627.282c.332.17.586.348.752.57l1.125 1.5a.5.5 0 0 0 .9-.3v-3.298a2.5 2.5 0 0 0-.548-1.562zM12 10.445v.055c0 .866-.284 1.585-.75 2.14c.146.064.292.13.425.199c.39.197.8.46 1.1.86L13 14v-1.798a1.5 1.5 0 0 0-.327-.935zM4.75 12.64C4.284 12.085 4 11.366 4 10.5v-.054l-.673.82a1.5 1.5 0 0 0-.327.936V14l.225-.3c.3-.4.71-.664 1.1-.861c.133-.068.279-.135.425-.199M8.009 1.073q.096.06.226.163c.284.226.683.621 1.09 1.28C10.137 3.836 11 6.237 11 10.5c0 .858-.374 1.48-.943 1.893C9.517 12.786 8.781 13 8 13s-1.517-.214-2.057-.607C5.373 11.979 5 11.358 5 10.5c0-4.182.86-6.586 1.677-7.928c.409-.67.81-1.082 1.096-1.32q.136-.113.236-.18Z"/><path d="M9.479 14.361c-.48.093-.98.139-1.479.139s-.999-.046-1.479-.139L7.6 15.8a.5.5 0 0 0 .8 0z"/></g></svg>
React
import type { SVGProps } from "react";
export function BiRocket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 8c.828 0 1.5-.895 1.5-2S8.828 4 8 4s-1.5.895-1.5 2S7.172 8 8 8"/><path d="M11.953 8.81c-.195-3.388-.968-5.507-1.777-6.819C9.707 1.233 9.23.751 8.857.454a3.5 3.5 0 0 0-.463-.315A2 2 0 0 0 8.25.064A.55.55 0 0 0 8 0a.55.55 0 0 0-.266.073a2 2 0 0 0-.142.08a4 4 0 0 0-.459.33c-.37.308-.844.803-1.31 1.57c-.805 1.322-1.577 3.433-1.774 6.756l-1.497 1.826l-.004.005A2.5 2.5 0 0 0 2 12.202V15.5a.5.5 0 0 0 .9.3l1.125-1.5c.166-.222.42-.4.752-.57c.214-.108.414-.192.625-.281l.198-.084c.7.428 1.55.635 2.4.635s1.7-.207 2.4-.635q.1.044.196.083c.213.09.413.174.627.282c.332.17.586.348.752.57l1.125 1.5a.5.5 0 0 0 .9-.3v-3.298a2.5 2.5 0 0 0-.548-1.562zM12 10.445v.055c0 .866-.284 1.585-.75 2.14c.146.064.292.13.425.199c.39.197.8.46 1.1.86L13 14v-1.798a1.5 1.5 0 0 0-.327-.935zM4.75 12.64C4.284 12.085 4 11.366 4 10.5v-.054l-.673.82a1.5 1.5 0 0 0-.327.936V14l.225-.3c.3-.4.71-.664 1.1-.861c.133-.068.279-.135.425-.199M8.009 1.073q.096.06.226.163c.284.226.683.621 1.09 1.28C10.137 3.836 11 6.237 11 10.5c0 .858-.374 1.48-.943 1.893C9.517 12.786 8.781 13 8 13s-1.517-.214-2.057-.607C5.373 11.979 5 11.358 5 10.5c0-4.182.86-6.586 1.677-7.928c.409-.67.81-1.082 1.096-1.32q.136-.113.236-.18Z"/><path d="M9.479 14.361c-.48.093-.98.139-1.479.139s-.999-.046-1.479-.139L7.6 15.8a.5.5 0 0 0 .8 0z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 8c.828 0 1.5-.895 1.5-2S8.828 4 8 4s-1.5.895-1.5 2S7.172 8 8 8"/><path d="M11.953 8.81c-.195-3.388-.968-5.507-1.777-6.819C9.707 1.233 9.23.751 8.857.454a3.5 3.5 0 0 0-.463-.315A2 2 0 0 0 8.25.064A.55.55 0 0 0 8 0a.55.55 0 0 0-.266.073a2 2 0 0 0-.142.08a4 4 0 0 0-.459.33c-.37.308-.844.803-1.31 1.57c-.805 1.322-1.577 3.433-1.774 6.756l-1.497 1.826l-.004.005A2.5 2.5 0 0 0 2 12.202V15.5a.5.5 0 0 0 .9.3l1.125-1.5c.166-.222.42-.4.752-.57c.214-.108.414-.192.625-.281l.198-.084c.7.428 1.55.635 2.4.635s1.7-.207 2.4-.635q.1.044.196.083c.213.09.413.174.627.282c.332.17.586.348.752.57l1.125 1.5a.5.5 0 0 0 .9-.3v-3.298a2.5 2.5 0 0 0-.548-1.562zM12 10.445v.055c0 .866-.284 1.585-.75 2.14c.146.064.292.13.425.199c.39.197.8.46 1.1.86L13 14v-1.798a1.5 1.5 0 0 0-.327-.935zM4.75 12.64C4.284 12.085 4 11.366 4 10.5v-.054l-.673.82a1.5 1.5 0 0 0-.327.936V14l.225-.3c.3-.4.71-.664 1.1-.861c.133-.068.279-.135.425-.199M8.009 1.073q.096.06.226.163c.284.226.683.621 1.09 1.28C10.137 3.836 11 6.237 11 10.5c0 .858-.374 1.48-.943 1.893C9.517 12.786 8.781 13 8 13s-1.517-.214-2.057-.607C5.373 11.979 5 11.358 5 10.5c0-4.182.86-6.586 1.677-7.928c.409-.67.81-1.082 1.096-1.32q.136-.113.236-.18Z"/><path d="M9.479 14.361c-.48.093-.98.139-1.479.139s-.999-.046-1.479-.139L7.6 15.8a.5.5 0 0 0 .8 0z"/></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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%208c.828%200%201.5-.895%201.5-2S8.828%204%208%204s-1.5.895-1.5%202S7.172%208%208%208%22%2F%3E%3Cpath%20d%3D%22M11.953%208.81c-.195-3.388-.968-5.507-1.777-6.819C9.707%201.233%209.23.751%208.857.454a3.5%203.5%200%200%200-.463-.315A2%202%200%200%200%208.25.064A.55.55%200%200%200%208%200a.55.55%200%200%200-.266.073a2%202%200%200%200-.142.08a4%204%200%200%200-.459.33c-.37.308-.844.803-1.31%201.57c-.805%201.322-1.577%203.433-1.774%206.756l-1.497%201.826l-.004.005A2.5%202.5%200%200%200%202%2012.202V15.5a.5.5%200%200%200%20.9.3l1.125-1.5c.166-.222.42-.4.752-.57c.214-.108.414-.192.625-.281l.198-.084c.7.428%201.55.635%202.4.635s1.7-.207%202.4-.635q.1.044.196.083c.213.09.413.174.627.282c.332.17.586.348.752.57l1.125%201.5a.5.5%200%200%200%20.9-.3v-3.298a2.5%202.5%200%200%200-.548-1.562zM12%2010.445v.055c0%20.866-.284%201.585-.75%202.14c.146.064.292.13.425.199c.39.197.8.46%201.1.86L13%2014v-1.798a1.5%201.5%200%200%200-.327-.935zM4.75%2012.64C4.284%2012.085%204%2011.366%204%2010.5v-.054l-.673.82a1.5%201.5%200%200%200-.327.936V14l.225-.3c.3-.4.71-.664%201.1-.861c.133-.068.279-.135.425-.199M8.009%201.073q.096.06.226.163c.284.226.683.621%201.09%201.28C10.137%203.836%2011%206.237%2011%2010.5c0%20.858-.374%201.48-.943%201.893C9.517%2012.786%208.781%2013%208%2013s-1.517-.214-2.057-.607C5.373%2011.979%205%2011.358%205%2010.5c0-4.182.86-6.586%201.677-7.928c.409-.67.81-1.082%201.096-1.32q.136-.113.236-.18Z%22%2F%3E%3Cpath%20d%3D%22M9.479%2014.361c-.48.093-.98.139-1.479.139s-.999-.046-1.479-.139L7.6%2015.8a.5.5%200%200%200%20.8%200z%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%208c.828%200%201.5-.895%201.5-2S8.828%204%208%204s-1.5.895-1.5%202S7.172%208%208%208%22%2F%3E%3Cpath%20d%3D%22M11.953%208.81c-.195-3.388-.968-5.507-1.777-6.819C9.707%201.233%209.23.751%208.857.454a3.5%203.5%200%200%200-.463-.315A2%202%200%200%200%208.25.064A.55.55%200%200%200%208%200a.55.55%200%200%200-.266.073a2%202%200%200%200-.142.08a4%204%200%200%200-.459.33c-.37.308-.844.803-1.31%201.57c-.805%201.322-1.577%203.433-1.774%206.756l-1.497%201.826l-.004.005A2.5%202.5%200%200%200%202%2012.202V15.5a.5.5%200%200%200%20.9.3l1.125-1.5c.166-.222.42-.4.752-.57c.214-.108.414-.192.625-.281l.198-.084c.7.428%201.55.635%202.4.635s1.7-.207%202.4-.635q.1.044.196.083c.213.09.413.174.627.282c.332.17.586.348.752.57l1.125%201.5a.5.5%200%200%200%20.9-.3v-3.298a2.5%202.5%200%200%200-.548-1.562zM12%2010.445v.055c0%20.866-.284%201.585-.75%202.14c.146.064.292.13.425.199c.39.197.8.46%201.1.86L13%2014v-1.798a1.5%201.5%200%200%200-.327-.935zM4.75%2012.64C4.284%2012.085%204%2011.366%204%2010.5v-.054l-.673.82a1.5%201.5%200%200%200-.327.936V14l.225-.3c.3-.4.71-.664%201.1-.861c.133-.068.279-.135.425-.199M8.009%201.073q.096.06.226.163c.284.226.683.621%201.09%201.28C10.137%203.836%2011%206.237%2011%2010.5c0%20.858-.374%201.48-.943%201.893C9.517%2012.786%208.781%2013%208%2013s-1.517-.214-2.057-.607C5.373%2011.979%205%2011.358%205%2010.5c0-4.182.86-6.586%201.677-7.928c.409-.67.81-1.082%201.096-1.32q.136-.113.236-.18Z%22%2F%3E%3Cpath%20d%3D%22M9.479%2014.361c-.48.093-.98.139-1.479.139s-.999-.046-1.479-.139L7.6%2015.8a.5.5%200%200%200%20.8%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/rocket.svg?color=%231a73e8&size=48
