rocket icon
rocket-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.
- Name
- rocket-16
- Set
- Octicons
- Style
- 16
- Viewbox
- 16×16
- License
- MIT
2 other variants in Octicons
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="0 0 16 16"><path fill="currentColor" d="M14.064 0h.186C15.216 0 16 .784 16 1.75v.186a8.75 8.75 0 0 1-2.564 6.186l-.458.459q-.472.471-.979.904v3.207c0 .608-.315 1.172-.833 1.49l-2.774 1.707a.75.75 0 0 1-1.11-.418l-.954-3.102a1 1 0 0 1-.145-.125L3.754 9.816a1 1 0 0 1-.124-.145L.528 8.717a.75.75 0 0 1-.418-1.11l1.71-2.774A1.75 1.75 0 0 1 3.31 4h3.204q.433-.508.904-.979l.459-.458A8.75 8.75 0 0 1 14.064 0M8.938 3.623h-.002l-.458.458c-.76.76-1.437 1.598-2.02 2.5l-1.5 2.317l2.143 2.143l2.317-1.5c.902-.583 1.74-1.26 2.499-2.02l.459-.458a7.25 7.25 0 0 0 2.123-5.127V1.75a.25.25 0 0 0-.25-.25h-.186a7.25 7.25 0 0 0-5.125 2.123M3.56 14.56c-.732.732-2.334 1.045-3.005 1.148a.23.23 0 0 1-.201-.064a.23.23 0 0 1-.064-.201c.103-.671.416-2.273 1.15-3.003a1.502 1.502 0 1 1 2.12 2.12m6.94-3.935q-.132.09-.266.175l-2.35 1.521l.548 1.783l1.949-1.2a.25.25 0 0 0 .119-.213ZM3.678 8.116L5.2 5.766q.087-.135.176-.266H3.309a.25.25 0 0 0-.213.119l-1.2 1.95ZM12 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg>
React
import type { SVGProps } from "react";
export function OcticonRocket16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14.064 0h.186C15.216 0 16 .784 16 1.75v.186a8.75 8.75 0 0 1-2.564 6.186l-.458.459q-.472.471-.979.904v3.207c0 .608-.315 1.172-.833 1.49l-2.774 1.707a.75.75 0 0 1-1.11-.418l-.954-3.102a1 1 0 0 1-.145-.125L3.754 9.816a1 1 0 0 1-.124-.145L.528 8.717a.75.75 0 0 1-.418-1.11l1.71-2.774A1.75 1.75 0 0 1 3.31 4h3.204q.433-.508.904-.979l.459-.458A8.75 8.75 0 0 1 14.064 0M8.938 3.623h-.002l-.458.458c-.76.76-1.437 1.598-2.02 2.5l-1.5 2.317l2.143 2.143l2.317-1.5c.902-.583 1.74-1.26 2.499-2.02l.459-.458a7.25 7.25 0 0 0 2.123-5.127V1.75a.25.25 0 0 0-.25-.25h-.186a7.25 7.25 0 0 0-5.125 2.123M3.56 14.56c-.732.732-2.334 1.045-3.005 1.148a.23.23 0 0 1-.201-.064a.23.23 0 0 1-.064-.201c.103-.671.416-2.273 1.15-3.003a1.502 1.502 0 1 1 2.12 2.12m6.94-3.935q-.132.09-.266.175l-2.35 1.521l.548 1.783l1.949-1.2a.25.25 0 0 0 .119-.213ZM3.678 8.116L5.2 5.766q.087-.135.176-.266H3.309a.25.25 0 0 0-.213.119l-1.2 1.95ZM12 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14.064 0h.186C15.216 0 16 .784 16 1.75v.186a8.75 8.75 0 0 1-2.564 6.186l-.458.459q-.472.471-.979.904v3.207c0 .608-.315 1.172-.833 1.49l-2.774 1.707a.75.75 0 0 1-1.11-.418l-.954-3.102a1 1 0 0 1-.145-.125L3.754 9.816a1 1 0 0 1-.124-.145L.528 8.717a.75.75 0 0 1-.418-1.11l1.71-2.774A1.75 1.75 0 0 1 3.31 4h3.204q.433-.508.904-.979l.459-.458A8.75 8.75 0 0 1 14.064 0M8.938 3.623h-.002l-.458.458c-.76.76-1.437 1.598-2.02 2.5l-1.5 2.317l2.143 2.143l2.317-1.5c.902-.583 1.74-1.26 2.499-2.02l.459-.458a7.25 7.25 0 0 0 2.123-5.127V1.75a.25.25 0 0 0-.25-.25h-.186a7.25 7.25 0 0 0-5.125 2.123M3.56 14.56c-.732.732-2.334 1.045-3.005 1.148a.23.23 0 0 1-.201-.064a.23.23 0 0 1-.064-.201c.103-.671.416-2.273 1.15-3.003a1.502 1.502 0 1 1 2.12 2.12m6.94-3.935q-.132.09-.266.175l-2.35 1.521l.548 1.783l1.949-1.2a.25.25 0 0 0 .119-.213ZM3.678 8.116L5.2 5.766q.087-.135.176-.266H3.309a.25.25 0 0 0-.213.119l-1.2 1.95ZM12 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg> </template>
CSS
.icon-rocket-16 {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.064%200h.186C15.216%200%2016%20.784%2016%201.75v.186a8.75%208.75%200%200%201-2.564%206.186l-.458.459q-.472.471-.979.904v3.207c0%20.608-.315%201.172-.833%201.49l-2.774%201.707a.75.75%200%200%201-1.11-.418l-.954-3.102a1%201%200%200%201-.145-.125L3.754%209.816a1%201%200%200%201-.124-.145L.528%208.717a.75.75%200%200%201-.418-1.11l1.71-2.774A1.75%201.75%200%200%201%203.31%204h3.204q.433-.508.904-.979l.459-.458A8.75%208.75%200%200%201%2014.064%200M8.938%203.623h-.002l-.458.458c-.76.76-1.437%201.598-2.02%202.5l-1.5%202.317l2.143%202.143l2.317-1.5c.902-.583%201.74-1.26%202.499-2.02l.459-.458a7.25%207.25%200%200%200%202.123-5.127V1.75a.25.25%200%200%200-.25-.25h-.186a7.25%207.25%200%200%200-5.125%202.123M3.56%2014.56c-.732.732-2.334%201.045-3.005%201.148a.23.23%200%200%201-.201-.064a.23.23%200%200%201-.064-.201c.103-.671.416-2.273%201.15-3.003a1.502%201.502%200%201%201%202.12%202.12m6.94-3.935q-.132.09-.266.175l-2.35%201.521l.548%201.783l1.949-1.2a.25.25%200%200%200%20.119-.213ZM3.678%208.116L5.2%205.766q.087-.135.176-.266H3.309a.25.25%200%200%200-.213.119l-1.2%201.95ZM12%205a1%201%200%201%201-2%200a1%201%200%200%201%202%200%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.064%200h.186C15.216%200%2016%20.784%2016%201.75v.186a8.75%208.75%200%200%201-2.564%206.186l-.458.459q-.472.471-.979.904v3.207c0%20.608-.315%201.172-.833%201.49l-2.774%201.707a.75.75%200%200%201-1.11-.418l-.954-3.102a1%201%200%200%201-.145-.125L3.754%209.816a1%201%200%200%201-.124-.145L.528%208.717a.75.75%200%200%201-.418-1.11l1.71-2.774A1.75%201.75%200%200%201%203.31%204h3.204q.433-.508.904-.979l.459-.458A8.75%208.75%200%200%201%2014.064%200M8.938%203.623h-.002l-.458.458c-.76.76-1.437%201.598-2.02%202.5l-1.5%202.317l2.143%202.143l2.317-1.5c.902-.583%201.74-1.26%202.499-2.02l.459-.458a7.25%207.25%200%200%200%202.123-5.127V1.75a.25.25%200%200%200-.25-.25h-.186a7.25%207.25%200%200%200-5.125%202.123M3.56%2014.56c-.732.732-2.334%201.045-3.005%201.148a.23.23%200%200%201-.201-.064a.23.23%200%200%201-.064-.201c.103-.671.416-2.273%201.15-3.003a1.502%201.502%200%201%201%202.12%202.12m6.94-3.935q-.132.09-.266.175l-2.35%201.521l.548%201.783l1.949-1.2a.25.25%200%200%200%20.119-.213ZM3.678%208.116L5.2%205.766q.087-.135.176-.266H3.309a.25.25%200%200%200-.213.119l-1.2%201.95ZM12%205a1%201%200%201%201-2%200a1%201%200%200%201%202%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/rocket-16.svg?color=%231a73e8&size=48
