rocket launch icon

rocket-launch from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: rocket-launch
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: rocket-launch-sharp

3 other variants in Material Symbols Light

rocket-launch-outline rocket-launch-outline-rounded rocket-launch-rounded

The same icon in other sets

rocket-launchHeroIcons rocket-launchMaterial Symbols rocket-launchMaterial Design Icons rocket-launchPhosphor

More social icons from Material Symbols Light

Use the rocket launch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.7 11.287l3.623-3.624q.293-.292.671-.413t.783-.04l1.415.294Q9.073 8.873 8.366 9.98t-1.414 2.688zm4.125 1.62q.652-1.51 1.563-2.89q.91-1.378 2.08-2.548q1.873-1.873 4.073-2.806t4.746-.797q.136 2.546-.795 4.746t-2.803 4.073q-1.164 1.163-2.548 2.07t-2.897 1.559zm7.236-2.328q.626 0 1.066-.44q.44-.441.44-1.057t-.44-1.057q-.44-.44-1.066-.44t-1.067.44t-.44 1.057t.44 1.056t1.067.44m-2.228 9.874L11.444 17.2q1.581-.706 2.691-1.423q1.111-.717 2.48-1.836l.289 1.415q.08.404-.031.785q-.111.382-.404.675zm-7.687-4.306q.587-.586 1.423-.58t1.423.594q.587.586.587 1.423t-.587 1.423q-.51.51-1.635.873t-2.605.502q.138-1.479.511-2.602t.883-1.633"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightRocketLaunch(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.7 11.287l3.623-3.624q.293-.292.671-.413t.783-.04l1.415.294Q9.073 8.873 8.366 9.98t-1.414 2.688zm4.125 1.62q.652-1.51 1.563-2.89q.91-1.378 2.08-2.548q1.873-1.873 4.073-2.806t4.746-.797q.136 2.546-.795 4.746t-2.803 4.073q-1.164 1.163-2.548 2.07t-2.897 1.559zm7.236-2.328q.626 0 1.066-.44q.44-.441.44-1.057t-.44-1.057q-.44-.44-1.066-.44t-1.067.44t-.44 1.057t.44 1.056t1.067.44m-2.228 9.874L11.444 17.2q1.581-.706 2.691-1.423q1.111-.717 2.48-1.836l.289 1.415q.08.404-.031.785q-.111.382-.404.675zm-7.687-4.306q.587-.586 1.423-.58t1.423.594q.587.586.587 1.423t-.587 1.423q-.51.51-1.635.873t-2.605.502q.138-1.479.511-2.602t.883-1.633"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.7 11.287l3.623-3.624q.293-.292.671-.413t.783-.04l1.415.294Q9.073 8.873 8.366 9.98t-1.414 2.688zm4.125 1.62q.652-1.51 1.563-2.89q.91-1.378 2.08-2.548q1.873-1.873 4.073-2.806t4.746-.797q.136 2.546-.795 4.746t-2.803 4.073q-1.164 1.163-2.548 2.07t-2.897 1.559zm7.236-2.328q.626 0 1.066-.44q.44-.441.44-1.057t-.44-1.057q-.44-.44-1.066-.44t-1.067.44t-.44 1.057t.44 1.056t1.067.44m-2.228 9.874L11.444 17.2q1.581-.706 2.691-1.423q1.111-.717 2.48-1.836l.289 1.415q.08.404-.031.785q-.111.382-.404.675zm-7.687-4.306q.587-.586 1.423-.58t1.423.594q.587.586.587 1.423t-.587 1.423q-.51.51-1.635.873t-2.605.502q.138-1.479.511-2.602t.883-1.633"/></svg>
</template>

CSS

.icon-rocket-launch {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.7%2011.287l3.623-3.624q.293-.292.671-.413t.783-.04l1.415.294Q9.073%208.873%208.366%209.98t-1.414%202.688zm4.125%201.62q.652-1.51%201.563-2.89q.91-1.378%202.08-2.548q1.873-1.873%204.073-2.806t4.746-.797q.136%202.546-.795%204.746t-2.803%204.073q-1.164%201.163-2.548%202.07t-2.897%201.559zm7.236-2.328q.626%200%201.066-.44q.44-.441.44-1.057t-.44-1.057q-.44-.44-1.066-.44t-1.067.44t-.44%201.057t.44%201.056t1.067.44m-2.228%209.874L11.444%2017.2q1.581-.706%202.691-1.423q1.111-.717%202.48-1.836l.289%201.415q.08.404-.031.785q-.111.382-.404.675zm-7.687-4.306q.587-.586%201.423-.58t1.423.594q.587.586.587%201.423t-.587%201.423q-.51.51-1.635.873t-2.605.502q.138-1.479.511-2.602t.883-1.633%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m3.7%2011.287l3.623-3.624q.293-.292.671-.413t.783-.04l1.415.294Q9.073%208.873%208.366%209.98t-1.414%202.688zm4.125%201.62q.652-1.51%201.563-2.89q.91-1.378%202.08-2.548q1.873-1.873%204.073-2.806t4.746-.797q.136%202.546-.795%204.746t-2.803%204.073q-1.164%201.163-2.548%202.07t-2.897%201.559zm7.236-2.328q.626%200%201.066-.44q.44-.441.44-1.057t-.44-1.057q-.44-.44-1.066-.44t-1.067.44t-.44%201.057t.44%201.056t1.067.44m-2.228%209.874L11.444%2017.2q1.581-.706%202.691-1.423q1.111-.717%202.48-1.836l.289%201.415q.08.404-.031.785q-.111.382-.404.675zm-7.687-4.306q.587-.586%201.423-.58t1.423.594q.587.586.587%201.423t-.587%201.423q-.51.51-1.635.873t-2.605.502q.138-1.479.511-2.602t.883-1.633%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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