rocket icon
rocket-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- rocket-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
rocketBootstrap IconsrocketBoxIcons v2rocketBoxIcons v2 SolidrocketCarbonrocketCatppuccin IconsrocketEmoji One (Colored)rocketFramework7 IconsrocketFont Awesome 6 Solidrocket-16-filledFluent UI System IconsrocketFluent EmojirocketFluent Emoji FlatrocketFluent Emoji High ContrastrocketHuge IconsrocketHumbleiconsrocketIconoirrocketIonIconsrocketJam IconsrocketLine AwesomerocketLuciderocketMage IconsrocketMaterial SymbolsrocketMaterial Design Iconsrocket-fillMingCute IconrocketNoto Emoji
Related icons in Phosphor
Use the rocket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M150 224a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6m-22-114a10 10 0 1 0-10-10a10 10 0 0 0 10 10m93.67 45.4L209.31 211a14 14 0 0 1-22.31 8l-27.79-21H96.82L69 219a14 14 0 0 1-22.34-8l-12.33-55.6a14.06 14.06 0 0 1 2.91-12l29-34.76a121.3 121.3 0 0 1 8.48-36.71c12.72-31.88 35.52-51.88 44.73-59a14 14 0 0 1 17.16 0c9.21 7.12 32 27.12 44.73 59a121.3 121.3 0 0 1 8.48 36.71l29 34.76a14.06 14.06 0 0 1 2.85 12M98.26 186h59.48c21.93-38.46 26.12-75.33 12.43-109.62c-11.95-30-34.35-48.87-40.93-54a2 2 0 0 0-2.48 0c-6.58 5.09-29 24-40.93 54c-13.69 34.29-9.5 71.16 12.43 109.62M87 190.4c-12-21.49-18.9-42.6-20.62-63.19l-19.92 23.87a2 2 0 0 0-.42 1.71l12.37 55.64a2 2 0 0 0 3.2 1.13l.13-.11Zm122.57-39.32l-19.89-23.87c-1.72 20.59-8.6 41.7-20.62 63.19l25.23 19l.13.11a2 2 0 0 0 3.2-1.13L210 152.79a2 2 0 0 0-.46-1.71Z"/></svg>
React
import type { SVGProps } from "react";
export function PhRocketLight(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="M150 224a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6m-22-114a10 10 0 1 0-10-10a10 10 0 0 0 10 10m93.67 45.4L209.31 211a14 14 0 0 1-22.31 8l-27.79-21H96.82L69 219a14 14 0 0 1-22.34-8l-12.33-55.6a14.06 14.06 0 0 1 2.91-12l29-34.76a121.3 121.3 0 0 1 8.48-36.71c12.72-31.88 35.52-51.88 44.73-59a14 14 0 0 1 17.16 0c9.21 7.12 32 27.12 44.73 59a121.3 121.3 0 0 1 8.48 36.71l29 34.76a14.06 14.06 0 0 1 2.85 12M98.26 186h59.48c21.93-38.46 26.12-75.33 12.43-109.62c-11.95-30-34.35-48.87-40.93-54a2 2 0 0 0-2.48 0c-6.58 5.09-29 24-40.93 54c-13.69 34.29-9.5 71.16 12.43 109.62M87 190.4c-12-21.49-18.9-42.6-20.62-63.19l-19.92 23.87a2 2 0 0 0-.42 1.71l12.37 55.64a2 2 0 0 0 3.2 1.13l.13-.11Zm122.57-39.32l-19.89-23.87c-1.72 20.59-8.6 41.7-20.62 63.19l25.23 19l.13.11a2 2 0 0 0 3.2-1.13L210 152.79a2 2 0 0 0-.46-1.71Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M150 224a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6m-22-114a10 10 0 1 0-10-10a10 10 0 0 0 10 10m93.67 45.4L209.31 211a14 14 0 0 1-22.31 8l-27.79-21H96.82L69 219a14 14 0 0 1-22.34-8l-12.33-55.6a14.06 14.06 0 0 1 2.91-12l29-34.76a121.3 121.3 0 0 1 8.48-36.71c12.72-31.88 35.52-51.88 44.73-59a14 14 0 0 1 17.16 0c9.21 7.12 32 27.12 44.73 59a121.3 121.3 0 0 1 8.48 36.71l29 34.76a14.06 14.06 0 0 1 2.85 12M98.26 186h59.48c21.93-38.46 26.12-75.33 12.43-109.62c-11.95-30-34.35-48.87-40.93-54a2 2 0 0 0-2.48 0c-6.58 5.09-29 24-40.93 54c-13.69 34.29-9.5 71.16 12.43 109.62M87 190.4c-12-21.49-18.9-42.6-20.62-63.19l-19.92 23.87a2 2 0 0 0-.42 1.71l12.37 55.64a2 2 0 0 0 3.2 1.13l.13-.11Zm122.57-39.32l-19.89-23.87c-1.72 20.59-8.6 41.7-20.62 63.19l25.23 19l.13.11a2 2 0 0 0 3.2-1.13L210 152.79a2 2 0 0 0-.46-1.71Z"/></svg> </template>
CSS
.icon-rocket-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%22M150%20224a6%206%200%200%201-6%206h-32a6%206%200%200%201%200-12h32a6%206%200%200%201%206%206m-22-114a10%2010%200%201%200-10-10a10%2010%200%200%200%2010%2010m93.67%2045.4L209.31%20211a14%2014%200%200%201-22.31%208l-27.79-21H96.82L69%20219a14%2014%200%200%201-22.34-8l-12.33-55.6a14.06%2014.06%200%200%201%202.91-12l29-34.76a121.3%20121.3%200%200%201%208.48-36.71c12.72-31.88%2035.52-51.88%2044.73-59a14%2014%200%200%201%2017.16%200c9.21%207.12%2032%2027.12%2044.73%2059a121.3%20121.3%200%200%201%208.48%2036.71l29%2034.76a14.06%2014.06%200%200%201%202.85%2012M98.26%20186h59.48c21.93-38.46%2026.12-75.33%2012.43-109.62c-11.95-30-34.35-48.87-40.93-54a2%202%200%200%200-2.48%200c-6.58%205.09-29%2024-40.93%2054c-13.69%2034.29-9.5%2071.16%2012.43%20109.62M87%20190.4c-12-21.49-18.9-42.6-20.62-63.19l-19.92%2023.87a2%202%200%200%200-.42%201.71l12.37%2055.64a2%202%200%200%200%203.2%201.13l.13-.11Zm122.57-39.32l-19.89-23.87c-1.72%2020.59-8.6%2041.7-20.62%2063.19l25.23%2019l.13.11a2%202%200%200%200%203.2-1.13L210%20152.79a2%202%200%200%200-.46-1.71Z%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%22M150%20224a6%206%200%200%201-6%206h-32a6%206%200%200%201%200-12h32a6%206%200%200%201%206%206m-22-114a10%2010%200%201%200-10-10a10%2010%200%200%200%2010%2010m93.67%2045.4L209.31%20211a14%2014%200%200%201-22.31%208l-27.79-21H96.82L69%20219a14%2014%200%200%201-22.34-8l-12.33-55.6a14.06%2014.06%200%200%201%202.91-12l29-34.76a121.3%20121.3%200%200%201%208.48-36.71c12.72-31.88%2035.52-51.88%2044.73-59a14%2014%200%200%201%2017.16%200c9.21%207.12%2032%2027.12%2044.73%2059a121.3%20121.3%200%200%201%208.48%2036.71l29%2034.76a14.06%2014.06%200%200%201%202.85%2012M98.26%20186h59.48c21.93-38.46%2026.12-75.33%2012.43-109.62c-11.95-30-34.35-48.87-40.93-54a2%202%200%200%200-2.48%200c-6.58%205.09-29%2024-40.93%2054c-13.69%2034.29-9.5%2071.16%2012.43%20109.62M87%20190.4c-12-21.49-18.9-42.6-20.62-63.19l-19.92%2023.87a2%202%200%200%200-.42%201.71l12.37%2055.64a2%202%200%200%200%203.2%201.13l.13-.11Zm122.57-39.32l-19.89-23.87c-1.72%2020.59-8.6%2041.7-20.62%2063.19l25.23%2019l.13.11a2%202%200%200%200%203.2-1.13L210%20152.79a2%202%200%200%200-.46-1.71Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/rocket-light.svg?color=%231a73e8&size=48
