rocket launch icon
rocket-launch-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- rocket-launch-light
- Set
- Phosphor
- Style
- Light
- 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="M221.86 47.24a14 14 0 0 0-13.11-13.1c-12.31-.73-43.77.39-69.88 26.5L133.52 66H74.35a13.9 13.9 0 0 0-9.89 4.1l-34.35 34.34a14 14 0 0 0 7.94 23.76l39.13 5.46l45.16 45.16L127.8 218a14 14 0 0 0 23.76 7.92l34.35-34.35a13.9 13.9 0 0 0 4.1-9.89v-59.2l5.35-5.35c26.1-26.13 27.23-57.57 26.5-69.89M38.11 115a2 2 0 0 1 .49-2l34.34-34.42a2 2 0 0 1 1.41-.58h47.17l-43.65 43.64l-38.14-5.32a1.93 1.93 0 0 1-1.62-1.32M178 181.65a2 2 0 0 1-.59 1.41l-34.33 34.34a2 2 0 0 1-3.4-1.11l-5.32-38.16L178 134.48Zm8.87-73L128 167.51L88.49 128l58.87-58.88a78.47 78.47 0 0 1 60.69-23a2 2 0 0 1 1.83 1.88a78.47 78.47 0 0 1-23 60.64ZM100 190.31C95.68 199.84 81.13 222 40 222a6 6 0 0 1-6-6c0-41.13 22.16-55.68 31.69-60a6 6 0 1 1 5 10.92c-7 3.17-22.53 13.52-24.47 42.91c29.39-1.94 39.74-17.52 42.91-24.47a6 6 0 1 1 10.92 5Z"/></svg>
React
import type { SVGProps } from "react";
export function PhRocketLaunchLight(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="M221.86 47.24a14 14 0 0 0-13.11-13.1c-12.31-.73-43.77.39-69.88 26.5L133.52 66H74.35a13.9 13.9 0 0 0-9.89 4.1l-34.35 34.34a14 14 0 0 0 7.94 23.76l39.13 5.46l45.16 45.16L127.8 218a14 14 0 0 0 23.76 7.92l34.35-34.35a13.9 13.9 0 0 0 4.1-9.89v-59.2l5.35-5.35c26.1-26.13 27.23-57.57 26.5-69.89M38.11 115a2 2 0 0 1 .49-2l34.34-34.42a2 2 0 0 1 1.41-.58h47.17l-43.65 43.64l-38.14-5.32a1.93 1.93 0 0 1-1.62-1.32M178 181.65a2 2 0 0 1-.59 1.41l-34.33 34.34a2 2 0 0 1-3.4-1.11l-5.32-38.16L178 134.48Zm8.87-73L128 167.51L88.49 128l58.87-58.88a78.47 78.47 0 0 1 60.69-23a2 2 0 0 1 1.83 1.88a78.47 78.47 0 0 1-23 60.64ZM100 190.31C95.68 199.84 81.13 222 40 222a6 6 0 0 1-6-6c0-41.13 22.16-55.68 31.69-60a6 6 0 1 1 5 10.92c-7 3.17-22.53 13.52-24.47 42.91c29.39-1.94 39.74-17.52 42.91-24.47a6 6 0 1 1 10.92 5Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M221.86 47.24a14 14 0 0 0-13.11-13.1c-12.31-.73-43.77.39-69.88 26.5L133.52 66H74.35a13.9 13.9 0 0 0-9.89 4.1l-34.35 34.34a14 14 0 0 0 7.94 23.76l39.13 5.46l45.16 45.16L127.8 218a14 14 0 0 0 23.76 7.92l34.35-34.35a13.9 13.9 0 0 0 4.1-9.89v-59.2l5.35-5.35c26.1-26.13 27.23-57.57 26.5-69.89M38.11 115a2 2 0 0 1 .49-2l34.34-34.42a2 2 0 0 1 1.41-.58h47.17l-43.65 43.64l-38.14-5.32a1.93 1.93 0 0 1-1.62-1.32M178 181.65a2 2 0 0 1-.59 1.41l-34.33 34.34a2 2 0 0 1-3.4-1.11l-5.32-38.16L178 134.48Zm8.87-73L128 167.51L88.49 128l58.87-58.88a78.47 78.47 0 0 1 60.69-23a2 2 0 0 1 1.83 1.88a78.47 78.47 0 0 1-23 60.64ZM100 190.31C95.68 199.84 81.13 222 40 222a6 6 0 0 1-6-6c0-41.13 22.16-55.68 31.69-60a6 6 0 1 1 5 10.92c-7 3.17-22.53 13.52-24.47 42.91c29.39-1.94 39.74-17.52 42.91-24.47a6 6 0 1 1 10.92 5Z"/></svg> </template>
CSS
.icon-rocket-launch-light {
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%22M221.86%2047.24a14%2014%200%200%200-13.11-13.1c-12.31-.73-43.77.39-69.88%2026.5L133.52%2066H74.35a13.9%2013.9%200%200%200-9.89%204.1l-34.35%2034.34a14%2014%200%200%200%207.94%2023.76l39.13%205.46l45.16%2045.16L127.8%20218a14%2014%200%200%200%2023.76%207.92l34.35-34.35a13.9%2013.9%200%200%200%204.1-9.89v-59.2l5.35-5.35c26.1-26.13%2027.23-57.57%2026.5-69.89M38.11%20115a2%202%200%200%201%20.49-2l34.34-34.42a2%202%200%200%201%201.41-.58h47.17l-43.65%2043.64l-38.14-5.32a1.93%201.93%200%200%201-1.62-1.32M178%20181.65a2%202%200%200%201-.59%201.41l-34.33%2034.34a2%202%200%200%201-3.4-1.11l-5.32-38.16L178%20134.48Zm8.87-73L128%20167.51L88.49%20128l58.87-58.88a78.47%2078.47%200%200%201%2060.69-23a2%202%200%200%201%201.83%201.88a78.47%2078.47%200%200%201-23%2060.64ZM100%20190.31C95.68%20199.84%2081.13%20222%2040%20222a6%206%200%200%201-6-6c0-41.13%2022.16-55.68%2031.69-60a6%206%200%201%201%205%2010.92c-7%203.17-22.53%2013.52-24.47%2042.91c29.39-1.94%2039.74-17.52%2042.91-24.47a6%206%200%201%201%2010.92%205Z%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%22M221.86%2047.24a14%2014%200%200%200-13.11-13.1c-12.31-.73-43.77.39-69.88%2026.5L133.52%2066H74.35a13.9%2013.9%200%200%200-9.89%204.1l-34.35%2034.34a14%2014%200%200%200%207.94%2023.76l39.13%205.46l45.16%2045.16L127.8%20218a14%2014%200%200%200%2023.76%207.92l34.35-34.35a13.9%2013.9%200%200%200%204.1-9.89v-59.2l5.35-5.35c26.1-26.13%2027.23-57.57%2026.5-69.89M38.11%20115a2%202%200%200%201%20.49-2l34.34-34.42a2%202%200%200%201%201.41-.58h47.17l-43.65%2043.64l-38.14-5.32a1.93%201.93%200%200%201-1.62-1.32M178%20181.65a2%202%200%200%201-.59%201.41l-34.33%2034.34a2%202%200%200%201-3.4-1.11l-5.32-38.16L178%20134.48Zm8.87-73L128%20167.51L88.49%20128l58.87-58.88a78.47%2078.47%200%200%201%2060.69-23a2%202%200%200%201%201.83%201.88a78.47%2078.47%200%200%201-23%2060.64ZM100%20190.31C95.68%20199.84%2081.13%20222%2040%20222a6%206%200%200%201-6-6c0-41.13%2022.16-55.68%2031.69-60a6%206%200%201%201%205%2010.92c-7%203.17-22.53%2013.52-24.47%2042.91c29.39-1.94%2039.74-17.52%2042.91-24.47a6%206%200%201%201%2010.92%205Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/rocket-launch-light.svg?color=%231a73e8&size=48
