rocket logo

rocket from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
rocket
Set
Material Icon Theme
Style
Color
Viewbox
32×32
License
MIT

The same logo 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 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ef5350" d="M12 26c-1.71 1.905-7.64 2.149-7.93 1.937l-.004.003l-.002-.005l-.005-.002l.004-.003C3.85 27.64 4.1 21.715 6 20ZM29.64 7.908c-.655 2.69-1.681 5.64-5.64 10.092l-.789 4.749a4 4 0 0 1-1.116 2.171l-4.863 4.868A.72.72 0 0 1 16 29.277v-6.23L9 16H2.723a.721.721 0 0 1-.511-1.232L7.08 9.905A4 4 0 0 1 9.25 8.79L14 8c4.453-3.959 7.402-4.985 10.092-5.64a11.1 11.1 0 0 1 3.642-.329a3.1 3.1 0 0 1 1.72.515a3.1 3.1 0 0 1 .515 1.72a11.1 11.1 0 0 1-.33 3.642ZM26 10a4 4 0 1 0-4 4a4 4 0 0 0 4-4"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeRocket(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ef5350" d="M12 26c-1.71 1.905-7.64 2.149-7.93 1.937l-.004.003l-.002-.005l-.005-.002l.004-.003C3.85 27.64 4.1 21.715 6 20ZM29.64 7.908c-.655 2.69-1.681 5.64-5.64 10.092l-.789 4.749a4 4 0 0 1-1.116 2.171l-4.863 4.868A.72.72 0 0 1 16 29.277v-6.23L9 16H2.723a.721.721 0 0 1-.511-1.232L7.08 9.905A4 4 0 0 1 9.25 8.79L14 8c4.453-3.959 7.402-4.985 10.092-5.64a11.1 11.1 0 0 1 3.642-.329a3.1 3.1 0 0 1 1.72.515a3.1 3.1 0 0 1 .515 1.72a11.1 11.1 0 0 1-.33 3.642ZM26 10a4 4 0 1 0-4 4a4 4 0 0 0 4-4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#ef5350" d="M12 26c-1.71 1.905-7.64 2.149-7.93 1.937l-.004.003l-.002-.005l-.005-.002l.004-.003C3.85 27.64 4.1 21.715 6 20ZM29.64 7.908c-.655 2.69-1.681 5.64-5.64 10.092l-.789 4.749a4 4 0 0 1-1.116 2.171l-4.863 4.868A.72.72 0 0 1 16 29.277v-6.23L9 16H2.723a.721.721 0 0 1-.511-1.232L7.08 9.905A4 4 0 0 1 9.25 8.79L14 8c4.453-3.959 7.402-4.985 10.092-5.64a11.1 11.1 0 0 1 3.642-.329a3.1 3.1 0 0 1 1.72.515a3.1 3.1 0 0 1 .515 1.72a11.1 11.1 0 0 1-.33 3.642ZM26 10a4 4 0 1 0-4 4a4 4 0 0 0 4-4"/></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%22%23ef5350%22%20d%3D%22M12%2026c-1.71%201.905-7.64%202.149-7.93%201.937l-.004.003l-.002-.005l-.005-.002l.004-.003C3.85%2027.64%204.1%2021.715%206%2020ZM29.64%207.908c-.655%202.69-1.681%205.64-5.64%2010.092l-.789%204.749a4%204%200%200%201-1.116%202.171l-4.863%204.868A.72.72%200%200%201%2016%2029.277v-6.23L9%2016H2.723a.721.721%200%200%201-.511-1.232L7.08%209.905A4%204%200%200%201%209.25%208.79L14%208c4.453-3.959%207.402-4.985%2010.092-5.64a11.1%2011.1%200%200%201%203.642-.329a3.1%203.1%200%200%201%201.72.515a3.1%203.1%200%200%201%20.515%201.72a11.1%2011.1%200%200%201-.33%203.642ZM26%2010a4%204%200%201%200-4%204a4%204%200%200%200%204-4%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%22%23ef5350%22%20d%3D%22M12%2026c-1.71%201.905-7.64%202.149-7.93%201.937l-.004.003l-.002-.005l-.005-.002l.004-.003C3.85%2027.64%204.1%2021.715%206%2020ZM29.64%207.908c-.655%202.69-1.681%205.64-5.64%2010.092l-.789%204.749a4%204%200%200%201-1.116%202.171l-4.863%204.868A.72.72%200%200%201%2016%2029.277v-6.23L9%2016H2.723a.721.721%200%200%201-.511-1.232L7.08%209.905A4%204%200%200%201%209.25%208.79L14%208c4.453-3.959%207.402-4.985%2010.092-5.64a11.1%2011.1%200%200%201%203.642-.329a3.1%203.1%200%200%201%201.72.515a3.1%203.1%200%200%201%20.515%201.72a11.1%2011.1%200%200%201-.33%203.642ZM26%2010a4%204%200%201%200-4%204a4%204%200%200%200%204-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/rocket.svg?color=%231a73e8&size=48