rocket icon
rocket from Carbon by IBM · Outline · Tools · Apache-2.0 Free for personal and commercial use.
- Name
- rocket
- Set
- Carbon
- Style
- Outline
- Category
- Tools
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
rocketBootstrap IconsrocketBoxIcons v2rocketBoxIcons v2 SolidrocketCatppuccin IconsrocketEmoji One (Colored)rocketFramework7 IconsrocketFont Awesome 6 Solidrocket-16-filledFluent UI System IconsrocketFluent EmojirocketFluent Emoji FlatrocketFluent Emoji High ContrastrocketHuge IconsrocketHumbleiconsrocketIconoirrocketIonIconsrocketJam IconsrocketLine AwesomerocketLuciderocketMage IconsrocketMaterial SymbolsrocketMaterial Design Iconsrocket-fillMingCute IconrocketNoto EmojirocketOcticons
More tools icons from Carbon
Use the rocket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m7.288 23.292l7.997-7.997l1.414 1.414l-7.997 7.997z"/><path fill="currentColor" d="M17 30a1 1 0 0 1-.37-.07a1 1 0 0 1-.62-.79l-1-7l2-.28l.75 5.27L21 24.52V17a1 1 0 0 1 .29-.71l4.07-4.07A8.94 8.94 0 0 0 28 5.86V4h-1.86a8.94 8.94 0 0 0-6.36 2.64l-4.07 4.07A1 1 0 0 1 15 11H7.48l-2.61 3.26l5.27.75l-.28 2l-7-1a1 1 0 0 1-.79-.62a1 1 0 0 1 .15-1l4-5A1 1 0 0 1 7 9h7.59l3.77-3.78A10.92 10.92 0 0 1 26.14 2H28a2 2 0 0 1 2 2v1.86a10.92 10.92 0 0 1-3.22 7.78L23 17.41V25a1 1 0 0 1-.38.78l-5 4A1 1 0 0 1 17 30"/></svg>
React
import type { SVGProps } from "react";
export function CarbonRocket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m7.288 23.292l7.997-7.997l1.414 1.414l-7.997 7.997z"/><path fill="currentColor" d="M17 30a1 1 0 0 1-.37-.07a1 1 0 0 1-.62-.79l-1-7l2-.28l.75 5.27L21 24.52V17a1 1 0 0 1 .29-.71l4.07-4.07A8.94 8.94 0 0 0 28 5.86V4h-1.86a8.94 8.94 0 0 0-6.36 2.64l-4.07 4.07A1 1 0 0 1 15 11H7.48l-2.61 3.26l5.27.75l-.28 2l-7-1a1 1 0 0 1-.79-.62a1 1 0 0 1 .15-1l4-5A1 1 0 0 1 7 9h7.59l3.77-3.78A10.92 10.92 0 0 1 26.14 2H28a2 2 0 0 1 2 2v1.86a10.92 10.92 0 0 1-3.22 7.78L23 17.41V25a1 1 0 0 1-.38.78l-5 4A1 1 0 0 1 17 30"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m7.288 23.292l7.997-7.997l1.414 1.414l-7.997 7.997z"/><path fill="currentColor" d="M17 30a1 1 0 0 1-.37-.07a1 1 0 0 1-.62-.79l-1-7l2-.28l.75 5.27L21 24.52V17a1 1 0 0 1 .29-.71l4.07-4.07A8.94 8.94 0 0 0 28 5.86V4h-1.86a8.94 8.94 0 0 0-6.36 2.64l-4.07 4.07A1 1 0 0 1 15 11H7.48l-2.61 3.26l5.27.75l-.28 2l-7-1a1 1 0 0 1-.79-.62a1 1 0 0 1 .15-1l4-5A1 1 0 0 1 7 9h7.59l3.77-3.78A10.92 10.92 0 0 1 26.14 2H28a2 2 0 0 1 2 2v1.86a10.92 10.92 0 0 1-3.22 7.78L23 17.41V25a1 1 0 0 1-.38.78l-5 4A1 1 0 0 1 17 30"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.288%2023.292l7.997-7.997l1.414%201.414l-7.997%207.997z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%2030a1%201%200%200%201-.37-.07a1%201%200%200%201-.62-.79l-1-7l2-.28l.75%205.27L21%2024.52V17a1%201%200%200%201%20.29-.71l4.07-4.07A8.94%208.94%200%200%200%2028%205.86V4h-1.86a8.94%208.94%200%200%200-6.36%202.64l-4.07%204.07A1%201%200%200%201%2015%2011H7.48l-2.61%203.26l5.27.75l-.28%202l-7-1a1%201%200%200%201-.79-.62a1%201%200%200%201%20.15-1l4-5A1%201%200%200%201%207%209h7.59l3.77-3.78A10.92%2010.92%200%200%201%2026.14%202H28a2%202%200%200%201%202%202v1.86a10.92%2010.92%200%200%201-3.22%207.78L23%2017.41V25a1%201%200%200%201-.38.78l-5%204A1%201%200%200%201%2017%2030%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.288%2023.292l7.997-7.997l1.414%201.414l-7.997%207.997z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%2030a1%201%200%200%201-.37-.07a1%201%200%200%201-.62-.79l-1-7l2-.28l.75%205.27L21%2024.52V17a1%201%200%200%201%20.29-.71l4.07-4.07A8.94%208.94%200%200%200%2028%205.86V4h-1.86a8.94%208.94%200%200%200-6.36%202.64l-4.07%204.07A1%201%200%200%201%2015%2011H7.48l-2.61%203.26l5.27.75l-.28%202l-7-1a1%201%200%200%201-.79-.62a1%201%200%200%201%20.15-1l4-5A1%201%200%200%201%207%209h7.59l3.77-3.78A10.92%2010.92%200%200%201%2026.14%202H28a2%202%200%200%201%202%202v1.86a10.92%2010.92%200%200%201-3.22%207.78L23%2017.41V25a1%201%200%200%201-.38.78l-5%204A1%201%200%200%201%2017%2030%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/rocket.svg?color=%231a73e8&size=48
