rocket icon
rocket from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- rocket
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
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 IconsrocketHumbleiconsrocketIconoirrocketJam IconsrocketLine AwesomerocketLuciderocketMage IconsrocketMaterial SymbolsrocketMaterial Design Iconsrocket-fillMingCute IconrocketNoto EmojirocketOcticons
Use the rocket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M328.85 156.79a26.69 26.69 0 1 0 18.88 7.81a26.6 26.6 0 0 0-18.88-7.81"/><path fill="currentColor" d="M477.44 50.06a.3.3 0 0 1 0-.09a20.4 20.4 0 0 0-15.13-15.3c-29.8-7.27-76.68.48-128.63 21.28c-52.36 21-101.42 52-134.58 85.22A321 321 0 0 0 169.55 175c-22.33-1-42 2.18-58.57 9.41c-57.74 25.41-74.23 90.44-78.62 117.14a25 25 0 0 0 27.19 29h.13l64.32-7.02c.08.82.17 1.57.24 2.26a34.36 34.36 0 0 0 9.9 20.72l31.39 31.41a34.27 34.27 0 0 0 20.71 9.91l2.15.23l-7 64.24v.13A25 25 0 0 0 206 480a25 25 0 0 0 4.15-.34C237 475.34 302 459.05 327.34 401c7.17-16.46 10.34-36.05 9.45-58.34a315 315 0 0 0 33.95-29.55c33.43-33.26 64.53-81.92 85.31-133.52c20.69-51.36 28.48-98.59 21.39-129.53M370.38 224.94a58.77 58.77 0 1 1 0-83.07a58.3 58.3 0 0 1 0 83.07"/><path fill="currentColor" d="M161.93 386.44a16 16 0 0 0-11 2.67c-6.39 4.37-12.81 8.69-19.29 12.9c-13.11 8.52-28.79-6.44-21-20l12.15-21a16 16 0 0 0-15.16-24.91A61.25 61.25 0 0 0 72 353.56c-3.66 3.67-14.79 14.81-20.78 57.26A358 358 0 0 0 48 447.59A16 16 0 0 0 64 464h.4a360 360 0 0 0 36.8-3.2c42.47-6 53.61-17.14 57.27-20.8a60.5 60.5 0 0 0 17.39-35.74a16 16 0 0 0-13.93-17.82"/></svg>
React
import type { SVGProps } from "react";
export function IonRocket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M328.85 156.79a26.69 26.69 0 1 0 18.88 7.81a26.6 26.6 0 0 0-18.88-7.81"/><path fill="currentColor" d="M477.44 50.06a.3.3 0 0 1 0-.09a20.4 20.4 0 0 0-15.13-15.3c-29.8-7.27-76.68.48-128.63 21.28c-52.36 21-101.42 52-134.58 85.22A321 321 0 0 0 169.55 175c-22.33-1-42 2.18-58.57 9.41c-57.74 25.41-74.23 90.44-78.62 117.14a25 25 0 0 0 27.19 29h.13l64.32-7.02c.08.82.17 1.57.24 2.26a34.36 34.36 0 0 0 9.9 20.72l31.39 31.41a34.27 34.27 0 0 0 20.71 9.91l2.15.23l-7 64.24v.13A25 25 0 0 0 206 480a25 25 0 0 0 4.15-.34C237 475.34 302 459.05 327.34 401c7.17-16.46 10.34-36.05 9.45-58.34a315 315 0 0 0 33.95-29.55c33.43-33.26 64.53-81.92 85.31-133.52c20.69-51.36 28.48-98.59 21.39-129.53M370.38 224.94a58.77 58.77 0 1 1 0-83.07a58.3 58.3 0 0 1 0 83.07"/><path fill="currentColor" d="M161.93 386.44a16 16 0 0 0-11 2.67c-6.39 4.37-12.81 8.69-19.29 12.9c-13.11 8.52-28.79-6.44-21-20l12.15-21a16 16 0 0 0-15.16-24.91A61.25 61.25 0 0 0 72 353.56c-3.66 3.67-14.79 14.81-20.78 57.26A358 358 0 0 0 48 447.59A16 16 0 0 0 64 464h.4a360 360 0 0 0 36.8-3.2c42.47-6 53.61-17.14 57.27-20.8a60.5 60.5 0 0 0 17.39-35.74a16 16 0 0 0-13.93-17.82"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M328.85 156.79a26.69 26.69 0 1 0 18.88 7.81a26.6 26.6 0 0 0-18.88-7.81"/><path fill="currentColor" d="M477.44 50.06a.3.3 0 0 1 0-.09a20.4 20.4 0 0 0-15.13-15.3c-29.8-7.27-76.68.48-128.63 21.28c-52.36 21-101.42 52-134.58 85.22A321 321 0 0 0 169.55 175c-22.33-1-42 2.18-58.57 9.41c-57.74 25.41-74.23 90.44-78.62 117.14a25 25 0 0 0 27.19 29h.13l64.32-7.02c.08.82.17 1.57.24 2.26a34.36 34.36 0 0 0 9.9 20.72l31.39 31.41a34.27 34.27 0 0 0 20.71 9.91l2.15.23l-7 64.24v.13A25 25 0 0 0 206 480a25 25 0 0 0 4.15-.34C237 475.34 302 459.05 327.34 401c7.17-16.46 10.34-36.05 9.45-58.34a315 315 0 0 0 33.95-29.55c33.43-33.26 64.53-81.92 85.31-133.52c20.69-51.36 28.48-98.59 21.39-129.53M370.38 224.94a58.77 58.77 0 1 1 0-83.07a58.3 58.3 0 0 1 0 83.07"/><path fill="currentColor" d="M161.93 386.44a16 16 0 0 0-11 2.67c-6.39 4.37-12.81 8.69-19.29 12.9c-13.11 8.52-28.79-6.44-21-20l12.15-21a16 16 0 0 0-15.16-24.91A61.25 61.25 0 0 0 72 353.56c-3.66 3.67-14.79 14.81-20.78 57.26A358 358 0 0 0 48 447.59A16 16 0 0 0 64 464h.4a360 360 0 0 0 36.8-3.2c42.47-6 53.61-17.14 57.27-20.8a60.5 60.5 0 0 0 17.39-35.74a16 16 0 0 0-13.93-17.82"/></svg> </template>
CSS
.icon-rocket {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M328.85%20156.79a26.69%2026.69%200%201%200%2018.88%207.81a26.6%2026.6%200%200%200-18.88-7.81%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M477.44%2050.06a.3.3%200%200%201%200-.09a20.4%2020.4%200%200%200-15.13-15.3c-29.8-7.27-76.68.48-128.63%2021.28c-52.36%2021-101.42%2052-134.58%2085.22A321%20321%200%200%200%20169.55%20175c-22.33-1-42%202.18-58.57%209.41c-57.74%2025.41-74.23%2090.44-78.62%20117.14a25%2025%200%200%200%2027.19%2029h.13l64.32-7.02c.08.82.17%201.57.24%202.26a34.36%2034.36%200%200%200%209.9%2020.72l31.39%2031.41a34.27%2034.27%200%200%200%2020.71%209.91l2.15.23l-7%2064.24v.13A25%2025%200%200%200%20206%20480a25%2025%200%200%200%204.15-.34C237%20475.34%20302%20459.05%20327.34%20401c7.17-16.46%2010.34-36.05%209.45-58.34a315%20315%200%200%200%2033.95-29.55c33.43-33.26%2064.53-81.92%2085.31-133.52c20.69-51.36%2028.48-98.59%2021.39-129.53M370.38%20224.94a58.77%2058.77%200%201%201%200-83.07a58.3%2058.3%200%200%201%200%2083.07%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M161.93%20386.44a16%2016%200%200%200-11%202.67c-6.39%204.37-12.81%208.69-19.29%2012.9c-13.11%208.52-28.79-6.44-21-20l12.15-21a16%2016%200%200%200-15.16-24.91A61.25%2061.25%200%200%200%2072%20353.56c-3.66%203.67-14.79%2014.81-20.78%2057.26A358%20358%200%200%200%2048%20447.59A16%2016%200%200%200%2064%20464h.4a360%20360%200%200%200%2036.8-3.2c42.47-6%2053.61-17.14%2057.27-20.8a60.5%2060.5%200%200%200%2017.39-35.74a16%2016%200%200%200-13.93-17.82%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M328.85%20156.79a26.69%2026.69%200%201%200%2018.88%207.81a26.6%2026.6%200%200%200-18.88-7.81%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M477.44%2050.06a.3.3%200%200%201%200-.09a20.4%2020.4%200%200%200-15.13-15.3c-29.8-7.27-76.68.48-128.63%2021.28c-52.36%2021-101.42%2052-134.58%2085.22A321%20321%200%200%200%20169.55%20175c-22.33-1-42%202.18-58.57%209.41c-57.74%2025.41-74.23%2090.44-78.62%20117.14a25%2025%200%200%200%2027.19%2029h.13l64.32-7.02c.08.82.17%201.57.24%202.26a34.36%2034.36%200%200%200%209.9%2020.72l31.39%2031.41a34.27%2034.27%200%200%200%2020.71%209.91l2.15.23l-7%2064.24v.13A25%2025%200%200%200%20206%20480a25%2025%200%200%200%204.15-.34C237%20475.34%20302%20459.05%20327.34%20401c7.17-16.46%2010.34-36.05%209.45-58.34a315%20315%200%200%200%2033.95-29.55c33.43-33.26%2064.53-81.92%2085.31-133.52c20.69-51.36%2028.48-98.59%2021.39-129.53M370.38%20224.94a58.77%2058.77%200%201%201%200-83.07a58.3%2058.3%200%200%201%200%2083.07%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M161.93%20386.44a16%2016%200%200%200-11%202.67c-6.39%204.37-12.81%208.69-19.29%2012.9c-13.11%208.52-28.79-6.44-21-20l12.15-21a16%2016%200%200%200-15.16-24.91A61.25%2061.25%200%200%200%2072%20353.56c-3.66%203.67-14.79%2014.81-20.78%2057.26A358%20358%200%200%200%2048%20447.59A16%2016%200%200%200%2064%20464h.4a360%20360%200%200%200%2036.8-3.2c42.47-6%2053.61-17.14%2057.27-20.8a60.5%2060.5%200%200%200%2017.39-35.74a16%2016%200%200%200-13.93-17.82%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/rocket.svg?color=%231a73e8&size=48
