rocket icon
rocket-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- rocket-sharp
- Set
- IonIcons
- Style
- Sharp
- 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="M477.64 38.26a4.75 4.75 0 0 0-3.55-3.66c-58.57-14.32-193.9 36.71-267.22 110a317 317 0 0 0-35.63 42.1c-22.61-2-45.22-.33-64.49 8.07C52.38 218.7 36.55 281.14 32.14 308a9.64 9.64 0 0 0 10.55 11.2l87.31-9.63a194 194 0 0 0 1.19 19.7a19.53 19.53 0 0 0 5.7 12L170.7 375a19.6 19.6 0 0 0 12 5.7a194 194 0 0 0 19.59 1.19l-9.58 87.2a9.65 9.65 0 0 0 11.2 10.55c26.81-4.3 89.36-20.13 113.15-74.5c8.4-19.27 10.12-41.77 8.18-64.27a317.7 317.7 0 0 0 42.21-35.64C441 232.05 491.74 99.74 477.64 38.26M294.07 217.93a48 48 0 1 1 67.86 0a47.95 47.95 0 0 1-67.86 0"/><path fill="currentColor" d="M168.4 399.43c-5.48 5.49-14.27 7.63-24.85 9.46c-23.77 4.05-44.76-16.49-40.49-40.52c1.63-9.11 6.45-21.88 9.45-24.88a4.37 4.37 0 0 0-3.65-7.45a60 60 0 0 0-35.13 17.12C50.22 376.69 48 464 48 464s87.36-2.22 110.87-25.75A59.7 59.7 0 0 0 176 403.09c.37-4.18-4.72-6.67-7.6-3.66"/></svg>
React
import type { SVGProps } from "react";
export function IonRocketSharp(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="M477.64 38.26a4.75 4.75 0 0 0-3.55-3.66c-58.57-14.32-193.9 36.71-267.22 110a317 317 0 0 0-35.63 42.1c-22.61-2-45.22-.33-64.49 8.07C52.38 218.7 36.55 281.14 32.14 308a9.64 9.64 0 0 0 10.55 11.2l87.31-9.63a194 194 0 0 0 1.19 19.7a19.53 19.53 0 0 0 5.7 12L170.7 375a19.6 19.6 0 0 0 12 5.7a194 194 0 0 0 19.59 1.19l-9.58 87.2a9.65 9.65 0 0 0 11.2 10.55c26.81-4.3 89.36-20.13 113.15-74.5c8.4-19.27 10.12-41.77 8.18-64.27a317.7 317.7 0 0 0 42.21-35.64C441 232.05 491.74 99.74 477.64 38.26M294.07 217.93a48 48 0 1 1 67.86 0a47.95 47.95 0 0 1-67.86 0"/><path fill="currentColor" d="M168.4 399.43c-5.48 5.49-14.27 7.63-24.85 9.46c-23.77 4.05-44.76-16.49-40.49-40.52c1.63-9.11 6.45-21.88 9.45-24.88a4.37 4.37 0 0 0-3.65-7.45a60 60 0 0 0-35.13 17.12C50.22 376.69 48 464 48 464s87.36-2.22 110.87-25.75A59.7 59.7 0 0 0 176 403.09c.37-4.18-4.72-6.67-7.6-3.66"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M477.64 38.26a4.75 4.75 0 0 0-3.55-3.66c-58.57-14.32-193.9 36.71-267.22 110a317 317 0 0 0-35.63 42.1c-22.61-2-45.22-.33-64.49 8.07C52.38 218.7 36.55 281.14 32.14 308a9.64 9.64 0 0 0 10.55 11.2l87.31-9.63a194 194 0 0 0 1.19 19.7a19.53 19.53 0 0 0 5.7 12L170.7 375a19.6 19.6 0 0 0 12 5.7a194 194 0 0 0 19.59 1.19l-9.58 87.2a9.65 9.65 0 0 0 11.2 10.55c26.81-4.3 89.36-20.13 113.15-74.5c8.4-19.27 10.12-41.77 8.18-64.27a317.7 317.7 0 0 0 42.21-35.64C441 232.05 491.74 99.74 477.64 38.26M294.07 217.93a48 48 0 1 1 67.86 0a47.95 47.95 0 0 1-67.86 0"/><path fill="currentColor" d="M168.4 399.43c-5.48 5.49-14.27 7.63-24.85 9.46c-23.77 4.05-44.76-16.49-40.49-40.52c1.63-9.11 6.45-21.88 9.45-24.88a4.37 4.37 0 0 0-3.65-7.45a60 60 0 0 0-35.13 17.12C50.22 376.69 48 464 48 464s87.36-2.22 110.87-25.75A59.7 59.7 0 0 0 176 403.09c.37-4.18-4.72-6.67-7.6-3.66"/></svg> </template>
CSS
.icon-rocket-sharp {
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%22M477.64%2038.26a4.75%204.75%200%200%200-3.55-3.66c-58.57-14.32-193.9%2036.71-267.22%20110a317%20317%200%200%200-35.63%2042.1c-22.61-2-45.22-.33-64.49%208.07C52.38%20218.7%2036.55%20281.14%2032.14%20308a9.64%209.64%200%200%200%2010.55%2011.2l87.31-9.63a194%20194%200%200%200%201.19%2019.7a19.53%2019.53%200%200%200%205.7%2012L170.7%20375a19.6%2019.6%200%200%200%2012%205.7a194%20194%200%200%200%2019.59%201.19l-9.58%2087.2a9.65%209.65%200%200%200%2011.2%2010.55c26.81-4.3%2089.36-20.13%20113.15-74.5c8.4-19.27%2010.12-41.77%208.18-64.27a317.7%20317.7%200%200%200%2042.21-35.64C441%20232.05%20491.74%2099.74%20477.64%2038.26M294.07%20217.93a48%2048%200%201%201%2067.86%200a47.95%2047.95%200%200%201-67.86%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168.4%20399.43c-5.48%205.49-14.27%207.63-24.85%209.46c-23.77%204.05-44.76-16.49-40.49-40.52c1.63-9.11%206.45-21.88%209.45-24.88a4.37%204.37%200%200%200-3.65-7.45a60%2060%200%200%200-35.13%2017.12C50.22%20376.69%2048%20464%2048%20464s87.36-2.22%20110.87-25.75A59.7%2059.7%200%200%200%20176%20403.09c.37-4.18-4.72-6.67-7.6-3.66%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%22M477.64%2038.26a4.75%204.75%200%200%200-3.55-3.66c-58.57-14.32-193.9%2036.71-267.22%20110a317%20317%200%200%200-35.63%2042.1c-22.61-2-45.22-.33-64.49%208.07C52.38%20218.7%2036.55%20281.14%2032.14%20308a9.64%209.64%200%200%200%2010.55%2011.2l87.31-9.63a194%20194%200%200%200%201.19%2019.7a19.53%2019.53%200%200%200%205.7%2012L170.7%20375a19.6%2019.6%200%200%200%2012%205.7a194%20194%200%200%200%2019.59%201.19l-9.58%2087.2a9.65%209.65%200%200%200%2011.2%2010.55c26.81-4.3%2089.36-20.13%20113.15-74.5c8.4-19.27%2010.12-41.77%208.18-64.27a317.7%20317.7%200%200%200%2042.21-35.64C441%20232.05%20491.74%2099.74%20477.64%2038.26M294.07%20217.93a48%2048%200%201%201%2067.86%200a47.95%2047.95%200%200%201-67.86%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168.4%20399.43c-5.48%205.49-14.27%207.63-24.85%209.46c-23.77%204.05-44.76-16.49-40.49-40.52c1.63-9.11%206.45-21.88%209.45-24.88a4.37%204.37%200%200%200-3.65-7.45a60%2060%200%200%200-35.13%2017.12C50.22%20376.69%2048%20464%2048%20464s87.36-2.22%20110.87-25.75A59.7%2059.7%200%200%200%20176%20403.09c.37-4.18-4.72-6.67-7.6-3.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/rocket-sharp.svg?color=%231a73e8&size=48
