rocket launch icon

rocket-launch-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: rocket-launch-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

rocket-launch rocket-launch-bold rocket-launch-duotone rocket-launch-light rocket-launch-thin

The same icon in other sets

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

Use the rocket launch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M101.85 191.14C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64m122-144a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.4 27.07L88 108.7a8 8 0 0 1-11.33-11.31l26.56-26.57a4 4 0 0 0-2.82-6.82H74.35A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a16 16 0 0 0 4.68-11.35v-26.06a4 4 0 0 0-6.83-2.82l-26.57 26.56a8 8 0 0 1-11.71-.42a8.2 8.2 0 0 1 .6-11.1l49.27-49.27c26.69-26.68 27.84-58.83 27.09-71.42Z"/></svg>

React

import type { SVGProps } from "react";

export function PhRocketLaunchFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M101.85 191.14C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64m122-144a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.4 27.07L88 108.7a8 8 0 0 1-11.33-11.31l26.56-26.57a4 4 0 0 0-2.82-6.82H74.35A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a16 16 0 0 0 4.68-11.35v-26.06a4 4 0 0 0-6.83-2.82l-26.57 26.56a8 8 0 0 1-11.71-.42a8.2 8.2 0 0 1 .6-11.1l49.27-49.27c26.69-26.68 27.84-58.83 27.09-71.42Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M101.85 191.14C97.34 201 82.29 224 40 224a8 8 0 0 1-8-8c0-42.29 23-57.34 32.86-61.85a8 8 0 0 1 6.64 14.56c-6.43 2.93-20.62 12.36-23.12 38.91c26.55-2.5 36-16.69 38.91-23.12a8 8 0 1 1 14.56 6.64m122-144a16 16 0 0 0-15-15c-12.58-.75-44.73.4-71.4 27.07L88 108.7a8 8 0 0 1-11.33-11.31l26.56-26.57a4 4 0 0 0-2.82-6.82H74.35A15.9 15.9 0 0 0 63 68.68L28.7 103a16 16 0 0 0 9.07 27.16l38.47 5.37l44.21 44.21l5.37 38.49a15.94 15.94 0 0 0 10.78 12.92a16.1 16.1 0 0 0 5.1.83a15.9 15.9 0 0 0 11.3-4.68l34.32-34.3a16 16 0 0 0 4.68-11.35v-26.06a4 4 0 0 0-6.83-2.82l-26.57 26.56a8 8 0 0 1-11.71-.42a8.2 8.2 0 0 1 .6-11.1l49.27-49.27c26.69-26.68 27.84-58.83 27.09-71.42Z"/></svg>
</template>

CSS

.icon-rocket-launch-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M101.85%20191.14C97.34%20201%2082.29%20224%2040%20224a8%208%200%200%201-8-8c0-42.29%2023-57.34%2032.86-61.85a8%208%200%200%201%206.64%2014.56c-6.43%202.93-20.62%2012.36-23.12%2038.91c26.55-2.5%2036-16.69%2038.91-23.12a8%208%200%201%201%2014.56%206.64m122-144a16%2016%200%200%200-15-15c-12.58-.75-44.73.4-71.4%2027.07L88%20108.7a8%208%200%200%201-11.33-11.31l26.56-26.57a4%204%200%200%200-2.82-6.82H74.35A15.9%2015.9%200%200%200%2063%2068.68L28.7%20103a16%2016%200%200%200%209.07%2027.16l38.47%205.37l44.21%2044.21l5.37%2038.49a15.94%2015.94%200%200%200%2010.78%2012.92a16.1%2016.1%200%200%200%205.1.83a15.9%2015.9%200%200%200%2011.3-4.68l34.32-34.3a16%2016%200%200%200%204.68-11.35v-26.06a4%204%200%200%200-6.83-2.82l-26.57%2026.56a8%208%200%200%201-11.71-.42a8.2%208.2%200%200%201%20.6-11.1l49.27-49.27c26.69-26.68%2027.84-58.83%2027.09-71.42Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M101.85%20191.14C97.34%20201%2082.29%20224%2040%20224a8%208%200%200%201-8-8c0-42.29%2023-57.34%2032.86-61.85a8%208%200%200%201%206.64%2014.56c-6.43%202.93-20.62%2012.36-23.12%2038.91c26.55-2.5%2036-16.69%2038.91-23.12a8%208%200%201%201%2014.56%206.64m122-144a16%2016%200%200%200-15-15c-12.58-.75-44.73.4-71.4%2027.07L88%20108.7a8%208%200%200%201-11.33-11.31l26.56-26.57a4%204%200%200%200-2.82-6.82H74.35A15.9%2015.9%200%200%200%2063%2068.68L28.7%20103a16%2016%200%200%200%209.07%2027.16l38.47%205.37l44.21%2044.21l5.37%2038.49a15.94%2015.94%200%200%200%2010.78%2012.92a16.1%2016.1%200%200%200%205.1.83a15.9%2015.9%200%200%200%2011.3-4.68l34.32-34.3a16%2016%200%200%200%204.68-11.35v-26.06a4%204%200%200%200-6.83-2.82l-26.57%2026.56a8%208%200%200%201-11.71-.42a8.2%208.2%200%200%201%20.6-11.1l49.27-49.27c26.69-26.68%2027.84-58.83%2027.09-71.42Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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