rocket icon
rocket-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- rocket-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
rocket-filledAnt Design IconsrocketBootstrap IconsrocketBoxIcons v2rocketBoxIcons v2 SolidrocketCarbonrocketCatppuccin IconsrocketCodiconsrocketEmoji One (Colored)rocketFramework7 IconsrocketFont Awesome 6 SolidrocketFont Awesome Solidrocket-outlineFlowbite Iconsrocket-16-filledFluent UI System IconsrocketFluent EmojirocketFluent Emoji FlatrocketFluent Emoji High ContrastrocketFirefox OS EmojirocketHuge IconsrocketHumbleiconsrocketIconParkrocketIconPark OutlinerocketIconPark SolidrocketIconPark TwoTonerocketIconoir
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="M156 228a12 12 0 0 1-12 12h-32a12 12 0 0 1 0-24h32a12 12 0 0 1 12 12m-28-112a16 16 0 1 0-16-16a16 16 0 0 0 16 16m99.53 40.7l-12.36 55.63a19.9 19.9 0 0 1-12.88 14.53a20.2 20.2 0 0 1-6.69 1.14a19.87 19.87 0 0 1-12.29-4.27L157.17 204H98.83l-26.14 19.74A19.87 19.87 0 0 1 60.4 228a20.2 20.2 0 0 1-6.69-1.15a19.9 19.9 0 0 1-12.88-14.53L28.47 156.7a20.1 20.1 0 0 1 4.16-17.14l27.83-33.4a127 127 0 0 1 8.65-36.46c13.27-33.25 37-54.1 46.64-61.52a20 20 0 0 1 24.5 0c9.6 7.42 33.37 28.27 46.64 61.52a127 127 0 0 1 8.65 36.46l27.83 33.4a20.1 20.1 0 0 1 4.16 17.14M101.79 180h52.42c19.51-35.7 23-69.78 10.39-101.4C154.4 53 136.2 35.9 128 29.12C119.8 35.9 101.6 53 91.4 78.6c-12.62 31.62-9.12 65.7 10.39 101.4m-22.55 8.72a168 168 0 0 1-16.92-47.3l-10 12l10.58 47.64Zm124.43-35.31l-10-12a168 168 0 0 1-16.92 47.3l16.33 12.33Z"/></svg>
React
import type { SVGProps } from "react";
export function PhRocketBold(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="M156 228a12 12 0 0 1-12 12h-32a12 12 0 0 1 0-24h32a12 12 0 0 1 12 12m-28-112a16 16 0 1 0-16-16a16 16 0 0 0 16 16m99.53 40.7l-12.36 55.63a19.9 19.9 0 0 1-12.88 14.53a20.2 20.2 0 0 1-6.69 1.14a19.87 19.87 0 0 1-12.29-4.27L157.17 204H98.83l-26.14 19.74A19.87 19.87 0 0 1 60.4 228a20.2 20.2 0 0 1-6.69-1.15a19.9 19.9 0 0 1-12.88-14.53L28.47 156.7a20.1 20.1 0 0 1 4.16-17.14l27.83-33.4a127 127 0 0 1 8.65-36.46c13.27-33.25 37-54.1 46.64-61.52a20 20 0 0 1 24.5 0c9.6 7.42 33.37 28.27 46.64 61.52a127 127 0 0 1 8.65 36.46l27.83 33.4a20.1 20.1 0 0 1 4.16 17.14M101.79 180h52.42c19.51-35.7 23-69.78 10.39-101.4C154.4 53 136.2 35.9 128 29.12C119.8 35.9 101.6 53 91.4 78.6c-12.62 31.62-9.12 65.7 10.39 101.4m-22.55 8.72a168 168 0 0 1-16.92-47.3l-10 12l10.58 47.64Zm124.43-35.31l-10-12a168 168 0 0 1-16.92 47.3l16.33 12.33Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M156 228a12 12 0 0 1-12 12h-32a12 12 0 0 1 0-24h32a12 12 0 0 1 12 12m-28-112a16 16 0 1 0-16-16a16 16 0 0 0 16 16m99.53 40.7l-12.36 55.63a19.9 19.9 0 0 1-12.88 14.53a20.2 20.2 0 0 1-6.69 1.14a19.87 19.87 0 0 1-12.29-4.27L157.17 204H98.83l-26.14 19.74A19.87 19.87 0 0 1 60.4 228a20.2 20.2 0 0 1-6.69-1.15a19.9 19.9 0 0 1-12.88-14.53L28.47 156.7a20.1 20.1 0 0 1 4.16-17.14l27.83-33.4a127 127 0 0 1 8.65-36.46c13.27-33.25 37-54.1 46.64-61.52a20 20 0 0 1 24.5 0c9.6 7.42 33.37 28.27 46.64 61.52a127 127 0 0 1 8.65 36.46l27.83 33.4a20.1 20.1 0 0 1 4.16 17.14M101.79 180h52.42c19.51-35.7 23-69.78 10.39-101.4C154.4 53 136.2 35.9 128 29.12C119.8 35.9 101.6 53 91.4 78.6c-12.62 31.62-9.12 65.7 10.39 101.4m-22.55 8.72a168 168 0 0 1-16.92-47.3l-10 12l10.58 47.64Zm124.43-35.31l-10-12a168 168 0 0 1-16.92 47.3l16.33 12.33Z"/></svg> </template>
CSS
.icon-rocket-bold {
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%22M156%20228a12%2012%200%200%201-12%2012h-32a12%2012%200%200%201%200-24h32a12%2012%200%200%201%2012%2012m-28-112a16%2016%200%201%200-16-16a16%2016%200%200%200%2016%2016m99.53%2040.7l-12.36%2055.63a19.9%2019.9%200%200%201-12.88%2014.53a20.2%2020.2%200%200%201-6.69%201.14a19.87%2019.87%200%200%201-12.29-4.27L157.17%20204H98.83l-26.14%2019.74A19.87%2019.87%200%200%201%2060.4%20228a20.2%2020.2%200%200%201-6.69-1.15a19.9%2019.9%200%200%201-12.88-14.53L28.47%20156.7a20.1%2020.1%200%200%201%204.16-17.14l27.83-33.4a127%20127%200%200%201%208.65-36.46c13.27-33.25%2037-54.1%2046.64-61.52a20%2020%200%200%201%2024.5%200c9.6%207.42%2033.37%2028.27%2046.64%2061.52a127%20127%200%200%201%208.65%2036.46l27.83%2033.4a20.1%2020.1%200%200%201%204.16%2017.14M101.79%20180h52.42c19.51-35.7%2023-69.78%2010.39-101.4C154.4%2053%20136.2%2035.9%20128%2029.12C119.8%2035.9%20101.6%2053%2091.4%2078.6c-12.62%2031.62-9.12%2065.7%2010.39%20101.4m-22.55%208.72a168%20168%200%200%201-16.92-47.3l-10%2012l10.58%2047.64Zm124.43-35.31l-10-12a168%20168%200%200%201-16.92%2047.3l16.33%2012.33Z%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%22M156%20228a12%2012%200%200%201-12%2012h-32a12%2012%200%200%201%200-24h32a12%2012%200%200%201%2012%2012m-28-112a16%2016%200%201%200-16-16a16%2016%200%200%200%2016%2016m99.53%2040.7l-12.36%2055.63a19.9%2019.9%200%200%201-12.88%2014.53a20.2%2020.2%200%200%201-6.69%201.14a19.87%2019.87%200%200%201-12.29-4.27L157.17%20204H98.83l-26.14%2019.74A19.87%2019.87%200%200%201%2060.4%20228a20.2%2020.2%200%200%201-6.69-1.15a19.9%2019.9%200%200%201-12.88-14.53L28.47%20156.7a20.1%2020.1%200%200%201%204.16-17.14l27.83-33.4a127%20127%200%200%201%208.65-36.46c13.27-33.25%2037-54.1%2046.64-61.52a20%2020%200%200%201%2024.5%200c9.6%207.42%2033.37%2028.27%2046.64%2061.52a127%20127%200%200%201%208.65%2036.46l27.83%2033.4a20.1%2020.1%200%200%201%204.16%2017.14M101.79%20180h52.42c19.51-35.7%2023-69.78%2010.39-101.4C154.4%2053%20136.2%2035.9%20128%2029.12C119.8%2035.9%20101.6%2053%2091.4%2078.6c-12.62%2031.62-9.12%2065.7%2010.39%20101.4m-22.55%208.72a168%20168%200%200%201-16.92-47.3l-10%2012l10.58%2047.64Zm124.43-35.31l-10-12a168%20168%200%200%201-16.92%2047.3l16.33%2012.33Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/rocket-bold.svg?color=%231a73e8&size=48
