rocket icon
rocket-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- rocket-fill
- Set
- Phosphor
- Style
- Fill
- 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="M152 224a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8m71.62-68.17l-12.36 55.63a16 16 0 0 1-25.51 9.11L158.51 200h-61l-27.26 20.57a16 16 0 0 1-25.51-9.11l-12.36-55.63a16.09 16.09 0 0 1 3.32-13.71l28.56-34.26a123 123 0 0 1 8.57-36.67c12.9-32.34 36-52.63 45.37-59.85a16 16 0 0 1 19.6 0c9.34 7.22 32.47 27.51 45.37 59.85a123 123 0 0 1 8.57 36.67l28.56 34.26a16.09 16.09 0 0 1 3.32 13.71m-139.23 34q-16.11-29.33-19.56-57.67L48 152.36L60.36 208l.18-.13ZM140 100a12 12 0 1 0-12 12a12 12 0 0 0 12-12m68 52.36l-16.83-20.2q-3.42 28.28-19.56 57.69l23.85 18l.18.13Z"/></svg>
React
import type { SVGProps } from "react";
export function PhRocketFill(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="M152 224a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8m71.62-68.17l-12.36 55.63a16 16 0 0 1-25.51 9.11L158.51 200h-61l-27.26 20.57a16 16 0 0 1-25.51-9.11l-12.36-55.63a16.09 16.09 0 0 1 3.32-13.71l28.56-34.26a123 123 0 0 1 8.57-36.67c12.9-32.34 36-52.63 45.37-59.85a16 16 0 0 1 19.6 0c9.34 7.22 32.47 27.51 45.37 59.85a123 123 0 0 1 8.57 36.67l28.56 34.26a16.09 16.09 0 0 1 3.32 13.71m-139.23 34q-16.11-29.33-19.56-57.67L48 152.36L60.36 208l.18-.13ZM140 100a12 12 0 1 0-12 12a12 12 0 0 0 12-12m68 52.36l-16.83-20.2q-3.42 28.28-19.56 57.69l23.85 18l.18.13Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M152 224a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8m71.62-68.17l-12.36 55.63a16 16 0 0 1-25.51 9.11L158.51 200h-61l-27.26 20.57a16 16 0 0 1-25.51-9.11l-12.36-55.63a16.09 16.09 0 0 1 3.32-13.71l28.56-34.26a123 123 0 0 1 8.57-36.67c12.9-32.34 36-52.63 45.37-59.85a16 16 0 0 1 19.6 0c9.34 7.22 32.47 27.51 45.37 59.85a123 123 0 0 1 8.57 36.67l28.56 34.26a16.09 16.09 0 0 1 3.32 13.71m-139.23 34q-16.11-29.33-19.56-57.67L48 152.36L60.36 208l.18-.13ZM140 100a12 12 0 1 0-12 12a12 12 0 0 0 12-12m68 52.36l-16.83-20.2q-3.42 28.28-19.56 57.69l23.85 18l.18.13Z"/></svg> </template>
CSS
.icon-rocket-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%22M152%20224a8%208%200%200%201-8%208h-32a8%208%200%200%201%200-16h32a8%208%200%200%201%208%208m71.62-68.17l-12.36%2055.63a16%2016%200%200%201-25.51%209.11L158.51%20200h-61l-27.26%2020.57a16%2016%200%200%201-25.51-9.11l-12.36-55.63a16.09%2016.09%200%200%201%203.32-13.71l28.56-34.26a123%20123%200%200%201%208.57-36.67c12.9-32.34%2036-52.63%2045.37-59.85a16%2016%200%200%201%2019.6%200c9.34%207.22%2032.47%2027.51%2045.37%2059.85a123%20123%200%200%201%208.57%2036.67l28.56%2034.26a16.09%2016.09%200%200%201%203.32%2013.71m-139.23%2034q-16.11-29.33-19.56-57.67L48%20152.36L60.36%20208l.18-.13ZM140%20100a12%2012%200%201%200-12%2012a12%2012%200%200%200%2012-12m68%2052.36l-16.83-20.2q-3.42%2028.28-19.56%2057.69l23.85%2018l.18.13Z%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%22M152%20224a8%208%200%200%201-8%208h-32a8%208%200%200%201%200-16h32a8%208%200%200%201%208%208m71.62-68.17l-12.36%2055.63a16%2016%200%200%201-25.51%209.11L158.51%20200h-61l-27.26%2020.57a16%2016%200%200%201-25.51-9.11l-12.36-55.63a16.09%2016.09%200%200%201%203.32-13.71l28.56-34.26a123%20123%200%200%201%208.57-36.67c12.9-32.34%2036-52.63%2045.37-59.85a16%2016%200%200%201%2019.6%200c9.34%207.22%2032.47%2027.51%2045.37%2059.85a123%20123%200%200%201%208.57%2036.67l28.56%2034.26a16.09%2016.09%200%200%201%203.32%2013.71m-139.23%2034q-16.11-29.33-19.56-57.67L48%20152.36L60.36%20208l.18-.13ZM140%20100a12%2012%200%201%200-12%2012a12%2012%200%200%200%2012-12m68%2052.36l-16.83-20.2q-3.42%2028.28-19.56%2057.69l23.85%2018l.18.13Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/rocket-fill.svg?color=%231a73e8&size=48
