rocket launch icon
rocket-launch-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- rocket-launch-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
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="M219.86 47.36a12 12 0 0 0-11.22-11.22c-12-.71-42.82.38-68.35 25.91L134.35 68h-60a11.9 11.9 0 0 0-8.48 3.52l-34.35 34.33a12 12 0 0 0 6.81 20.37l39.79 5.55l46.11 46.11l5.55 39.81a12 12 0 0 0 20.37 6.79l34.34-34.35a11.9 11.9 0 0 0 3.52-8.48v-60l5.94-5.94c25.53-25.53 26.62-56.3 25.91-68.35M36.21 115.6a3.94 3.94 0 0 1 1-4.09l34.32-34.34A4 4 0 0 1 74.35 76h52l-47.77 47.76l-39.14-5.46a3.94 3.94 0 0 1-3.23-2.7M180 181.65a4 4 0 0 1-1.17 2.83l-34.35 34.34a4 4 0 0 1-6.79-2.25l-5.46-39.15L180 129.65Zm-52-11.31L85.66 128l60.28-60.29c23.24-23.24 51.25-24.23 62.22-23.58a3.93 3.93 0 0 1 3.71 3.71c.65 11-.35 39-23.58 62.22Zm-29.79 19.14C94 198.66 80 220 40 220a4 4 0 0 1-4-4c0-40 21.34-54 30.52-58.21a4 4 0 0 1 3.32 7.28c-7.46 3.41-24.43 14.66-25.76 46.85c32.19-1.33 43.44-18.3 46.85-25.76a4 4 0 1 1 7.28 3.32"/></svg>
React
import type { SVGProps } from "react";
export function PhRocketLaunchThin(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="M219.86 47.36a12 12 0 0 0-11.22-11.22c-12-.71-42.82.38-68.35 25.91L134.35 68h-60a11.9 11.9 0 0 0-8.48 3.52l-34.35 34.33a12 12 0 0 0 6.81 20.37l39.79 5.55l46.11 46.11l5.55 39.81a12 12 0 0 0 20.37 6.79l34.34-34.35a11.9 11.9 0 0 0 3.52-8.48v-60l5.94-5.94c25.53-25.53 26.62-56.3 25.91-68.35M36.21 115.6a3.94 3.94 0 0 1 1-4.09l34.32-34.34A4 4 0 0 1 74.35 76h52l-47.77 47.76l-39.14-5.46a3.94 3.94 0 0 1-3.23-2.7M180 181.65a4 4 0 0 1-1.17 2.83l-34.35 34.34a4 4 0 0 1-6.79-2.25l-5.46-39.15L180 129.65Zm-52-11.31L85.66 128l60.28-60.29c23.24-23.24 51.25-24.23 62.22-23.58a3.93 3.93 0 0 1 3.71 3.71c.65 11-.35 39-23.58 62.22Zm-29.79 19.14C94 198.66 80 220 40 220a4 4 0 0 1-4-4c0-40 21.34-54 30.52-58.21a4 4 0 0 1 3.32 7.28c-7.46 3.41-24.43 14.66-25.76 46.85c32.19-1.33 43.44-18.3 46.85-25.76a4 4 0 1 1 7.28 3.32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M219.86 47.36a12 12 0 0 0-11.22-11.22c-12-.71-42.82.38-68.35 25.91L134.35 68h-60a11.9 11.9 0 0 0-8.48 3.52l-34.35 34.33a12 12 0 0 0 6.81 20.37l39.79 5.55l46.11 46.11l5.55 39.81a12 12 0 0 0 20.37 6.79l34.34-34.35a11.9 11.9 0 0 0 3.52-8.48v-60l5.94-5.94c25.53-25.53 26.62-56.3 25.91-68.35M36.21 115.6a3.94 3.94 0 0 1 1-4.09l34.32-34.34A4 4 0 0 1 74.35 76h52l-47.77 47.76l-39.14-5.46a3.94 3.94 0 0 1-3.23-2.7M180 181.65a4 4 0 0 1-1.17 2.83l-34.35 34.34a4 4 0 0 1-6.79-2.25l-5.46-39.15L180 129.65Zm-52-11.31L85.66 128l60.28-60.29c23.24-23.24 51.25-24.23 62.22-23.58a3.93 3.93 0 0 1 3.71 3.71c.65 11-.35 39-23.58 62.22Zm-29.79 19.14C94 198.66 80 220 40 220a4 4 0 0 1-4-4c0-40 21.34-54 30.52-58.21a4 4 0 0 1 3.32 7.28c-7.46 3.41-24.43 14.66-25.76 46.85c32.19-1.33 43.44-18.3 46.85-25.76a4 4 0 1 1 7.28 3.32"/></svg> </template>
CSS
.icon-rocket-launch-thin {
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%22M219.86%2047.36a12%2012%200%200%200-11.22-11.22c-12-.71-42.82.38-68.35%2025.91L134.35%2068h-60a11.9%2011.9%200%200%200-8.48%203.52l-34.35%2034.33a12%2012%200%200%200%206.81%2020.37l39.79%205.55l46.11%2046.11l5.55%2039.81a12%2012%200%200%200%2020.37%206.79l34.34-34.35a11.9%2011.9%200%200%200%203.52-8.48v-60l5.94-5.94c25.53-25.53%2026.62-56.3%2025.91-68.35M36.21%20115.6a3.94%203.94%200%200%201%201-4.09l34.32-34.34A4%204%200%200%201%2074.35%2076h52l-47.77%2047.76l-39.14-5.46a3.94%203.94%200%200%201-3.23-2.7M180%20181.65a4%204%200%200%201-1.17%202.83l-34.35%2034.34a4%204%200%200%201-6.79-2.25l-5.46-39.15L180%20129.65Zm-52-11.31L85.66%20128l60.28-60.29c23.24-23.24%2051.25-24.23%2062.22-23.58a3.93%203.93%200%200%201%203.71%203.71c.65%2011-.35%2039-23.58%2062.22Zm-29.79%2019.14C94%20198.66%2080%20220%2040%20220a4%204%200%200%201-4-4c0-40%2021.34-54%2030.52-58.21a4%204%200%200%201%203.32%207.28c-7.46%203.41-24.43%2014.66-25.76%2046.85c32.19-1.33%2043.44-18.3%2046.85-25.76a4%204%200%201%201%207.28%203.32%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%22M219.86%2047.36a12%2012%200%200%200-11.22-11.22c-12-.71-42.82.38-68.35%2025.91L134.35%2068h-60a11.9%2011.9%200%200%200-8.48%203.52l-34.35%2034.33a12%2012%200%200%200%206.81%2020.37l39.79%205.55l46.11%2046.11l5.55%2039.81a12%2012%200%200%200%2020.37%206.79l34.34-34.35a11.9%2011.9%200%200%200%203.52-8.48v-60l5.94-5.94c25.53-25.53%2026.62-56.3%2025.91-68.35M36.21%20115.6a3.94%203.94%200%200%201%201-4.09l34.32-34.34A4%204%200%200%201%2074.35%2076h52l-47.77%2047.76l-39.14-5.46a3.94%203.94%200%200%201-3.23-2.7M180%20181.65a4%204%200%200%201-1.17%202.83l-34.35%2034.34a4%204%200%200%201-6.79-2.25l-5.46-39.15L180%20129.65Zm-52-11.31L85.66%20128l60.28-60.29c23.24-23.24%2051.25-24.23%2062.22-23.58a3.93%203.93%200%200%201%203.71%203.71c.65%2011-.35%2039-23.58%2062.22Zm-29.79%2019.14C94%20198.66%2080%20220%2040%20220a4%204%200%200%201-4-4c0-40%2021.34-54%2030.52-58.21a4%204%200%200%201%203.32%207.28c-7.46%203.41-24.43%2014.66-25.76%2046.85c32.19-1.33%2043.44-18.3%2046.85-25.76a4%204%200%201%201%207.28%203.32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/rocket-launch-thin.svg?color=%231a73e8&size=48
