rocket icon
rocket-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- rocket-thin
- Set
- Phosphor
- Style
- Thin
- 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="M148 224a4 4 0 0 1-4 4h-32a4 4 0 0 1 0-8h32a4 4 0 0 1 4 4m-20-116a8 8 0 1 0-8-8a8 8 0 0 0 8 8m91.72 47l-12.37 55.6a11.9 11.9 0 0 1-7.72 8.71a12.2 12.2 0 0 1-4 .69a11.94 11.94 0 0 1-7.43-2.6L159.85 196h-63.7l-28.34 21.4a11.94 11.94 0 0 1-7.43 2.6a12.2 12.2 0 0 1-4-.69a11.9 11.9 0 0 1-7.72-8.71L36.28 155a12 12 0 0 1 2.5-10.28l29.35-35.23c3.3-53.33 41.83-86.68 52.52-94.94a12 12 0 0 1 14.7 0c10.69 8.26 49.22 41.61 52.52 94.94l29.35 35.23a12 12 0 0 1 2.5 10.28M97.11 188h61.78C214.07 92.49 145 32.05 130.46 20.84a4 4 0 0 0-4.92 0C111 32.05 41.93 92.49 97.11 188m-7.52 2.93C75.12 165.56 68.93 142.52 68 122.06L44.92 149.8a4 4 0 0 0-.83 3.43l12.36 55.63a4 4 0 0 0 6.41 2.26l.09-.07Zm121.49-41.13L188 122.06c-.89 20.46-7.08 43.5-21.55 68.87l26.64 20.12l.09.07a4 4 0 0 0 6.41-2.26l12.36-55.63a4 4 0 0 0-.87-3.43"/></svg>
React
import type { SVGProps } from "react";
export function PhRocketThin(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="M148 224a4 4 0 0 1-4 4h-32a4 4 0 0 1 0-8h32a4 4 0 0 1 4 4m-20-116a8 8 0 1 0-8-8a8 8 0 0 0 8 8m91.72 47l-12.37 55.6a11.9 11.9 0 0 1-7.72 8.71a12.2 12.2 0 0 1-4 .69a11.94 11.94 0 0 1-7.43-2.6L159.85 196h-63.7l-28.34 21.4a11.94 11.94 0 0 1-7.43 2.6a12.2 12.2 0 0 1-4-.69a11.9 11.9 0 0 1-7.72-8.71L36.28 155a12 12 0 0 1 2.5-10.28l29.35-35.23c3.3-53.33 41.83-86.68 52.52-94.94a12 12 0 0 1 14.7 0c10.69 8.26 49.22 41.61 52.52 94.94l29.35 35.23a12 12 0 0 1 2.5 10.28M97.11 188h61.78C214.07 92.49 145 32.05 130.46 20.84a4 4 0 0 0-4.92 0C111 32.05 41.93 92.49 97.11 188m-7.52 2.93C75.12 165.56 68.93 142.52 68 122.06L44.92 149.8a4 4 0 0 0-.83 3.43l12.36 55.63a4 4 0 0 0 6.41 2.26l.09-.07Zm121.49-41.13L188 122.06c-.89 20.46-7.08 43.5-21.55 68.87l26.64 20.12l.09.07a4 4 0 0 0 6.41-2.26l12.36-55.63a4 4 0 0 0-.87-3.43"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M148 224a4 4 0 0 1-4 4h-32a4 4 0 0 1 0-8h32a4 4 0 0 1 4 4m-20-116a8 8 0 1 0-8-8a8 8 0 0 0 8 8m91.72 47l-12.37 55.6a11.9 11.9 0 0 1-7.72 8.71a12.2 12.2 0 0 1-4 .69a11.94 11.94 0 0 1-7.43-2.6L159.85 196h-63.7l-28.34 21.4a11.94 11.94 0 0 1-7.43 2.6a12.2 12.2 0 0 1-4-.69a11.9 11.9 0 0 1-7.72-8.71L36.28 155a12 12 0 0 1 2.5-10.28l29.35-35.23c3.3-53.33 41.83-86.68 52.52-94.94a12 12 0 0 1 14.7 0c10.69 8.26 49.22 41.61 52.52 94.94l29.35 35.23a12 12 0 0 1 2.5 10.28M97.11 188h61.78C214.07 92.49 145 32.05 130.46 20.84a4 4 0 0 0-4.92 0C111 32.05 41.93 92.49 97.11 188m-7.52 2.93C75.12 165.56 68.93 142.52 68 122.06L44.92 149.8a4 4 0 0 0-.83 3.43l12.36 55.63a4 4 0 0 0 6.41 2.26l.09-.07Zm121.49-41.13L188 122.06c-.89 20.46-7.08 43.5-21.55 68.87l26.64 20.12l.09.07a4 4 0 0 0 6.41-2.26l12.36-55.63a4 4 0 0 0-.87-3.43"/></svg> </template>
CSS
.icon-rocket-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%22M148%20224a4%204%200%200%201-4%204h-32a4%204%200%200%201%200-8h32a4%204%200%200%201%204%204m-20-116a8%208%200%201%200-8-8a8%208%200%200%200%208%208m91.72%2047l-12.37%2055.6a11.9%2011.9%200%200%201-7.72%208.71a12.2%2012.2%200%200%201-4%20.69a11.94%2011.94%200%200%201-7.43-2.6L159.85%20196h-63.7l-28.34%2021.4a11.94%2011.94%200%200%201-7.43%202.6a12.2%2012.2%200%200%201-4-.69a11.9%2011.9%200%200%201-7.72-8.71L36.28%20155a12%2012%200%200%201%202.5-10.28l29.35-35.23c3.3-53.33%2041.83-86.68%2052.52-94.94a12%2012%200%200%201%2014.7%200c10.69%208.26%2049.22%2041.61%2052.52%2094.94l29.35%2035.23a12%2012%200%200%201%202.5%2010.28M97.11%20188h61.78C214.07%2092.49%20145%2032.05%20130.46%2020.84a4%204%200%200%200-4.92%200C111%2032.05%2041.93%2092.49%2097.11%20188m-7.52%202.93C75.12%20165.56%2068.93%20142.52%2068%20122.06L44.92%20149.8a4%204%200%200%200-.83%203.43l12.36%2055.63a4%204%200%200%200%206.41%202.26l.09-.07Zm121.49-41.13L188%20122.06c-.89%2020.46-7.08%2043.5-21.55%2068.87l26.64%2020.12l.09.07a4%204%200%200%200%206.41-2.26l12.36-55.63a4%204%200%200%200-.87-3.43%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%22M148%20224a4%204%200%200%201-4%204h-32a4%204%200%200%201%200-8h32a4%204%200%200%201%204%204m-20-116a8%208%200%201%200-8-8a8%208%200%200%200%208%208m91.72%2047l-12.37%2055.6a11.9%2011.9%200%200%201-7.72%208.71a12.2%2012.2%200%200%201-4%20.69a11.94%2011.94%200%200%201-7.43-2.6L159.85%20196h-63.7l-28.34%2021.4a11.94%2011.94%200%200%201-7.43%202.6a12.2%2012.2%200%200%201-4-.69a11.9%2011.9%200%200%201-7.72-8.71L36.28%20155a12%2012%200%200%201%202.5-10.28l29.35-35.23c3.3-53.33%2041.83-86.68%2052.52-94.94a12%2012%200%200%201%2014.7%200c10.69%208.26%2049.22%2041.61%2052.52%2094.94l29.35%2035.23a12%2012%200%200%201%202.5%2010.28M97.11%20188h61.78C214.07%2092.49%20145%2032.05%20130.46%2020.84a4%204%200%200%200-4.92%200C111%2032.05%2041.93%2092.49%2097.11%20188m-7.52%202.93C75.12%20165.56%2068.93%20142.52%2068%20122.06L44.92%20149.8a4%204%200%200%200-.83%203.43l12.36%2055.63a4%204%200%200%200%206.41%202.26l.09-.07Zm121.49-41.13L188%20122.06c-.89%2020.46-7.08%2043.5-21.55%2068.87l26.64%2020.12l.09.07a4%204%200%200%200%206.41-2.26l12.36-55.63a4%204%200%200%200-.87-3.43%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/rocket-thin.svg?color=%231a73e8&size=48
