rocket icon
rocket from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- rocket
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in Jam Icons
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
Use the rocket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2.5 -2.5 24 24"><path fill="currentColor" d="m9.808 12.971l.076-1.064l.927-.529A11.6 11.6 0 0 0 13.243 9.5c2.64-2.641 3.446-5.746 2.475-6.718c-.972-.97-4.077-.166-6.718 2.475c-.76.76-1.397 1.59-1.878 2.432l-.53.927l-1.063.076a3.97 3.97 0 0 0-2.355.988a11 11 0 0 1 3.351 2.295c.98.98 1.752 2.117 2.295 3.351a3.97 3.97 0 0 0 .988-2.355M6.835 15.8a7 7 0 0 1-.663.771q-1.758 1.758-5.304 1.06q-.695-3.545 1.06-5.303q.372-.37.772-.663a9 9 0 0 0-2.598-.81a6 6 0 0 1 1.473-2.416a5.98 5.98 0 0 1 3.81-1.741a13.6 13.6 0 0 1 2.2-2.855c3.32-3.32 7.594-4.427 9.547-2.475c1.952 1.953.844 6.227-2.475 9.546a13.6 13.6 0 0 1-2.855 2.2a5.98 5.98 0 0 1-1.741 3.81a5.96 5.96 0 0 1-2.416 1.474a9 9 0 0 0-.81-2.598M5.11 13.39a2.6 2.6 0 0 0-.54-.415c-.432.15-.94.48-1.405.944c-.219.22-.487.959-.49 1.905c.946-.003 1.688-.274 1.905-.49c.465-.466.795-.973.944-1.405a2.6 2.6 0 0 0-.414-.54zm7.778-7.78a1 1 0 1 1 1.414-1.413A1 1 0 0 1 12.89 5.61z"/></svg>
React
import type { SVGProps } from "react";
export function JamRocket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2.5 -2.5 24 24"><path fill="currentColor" d="m9.808 12.971l.076-1.064l.927-.529A11.6 11.6 0 0 0 13.243 9.5c2.64-2.641 3.446-5.746 2.475-6.718c-.972-.97-4.077-.166-6.718 2.475c-.76.76-1.397 1.59-1.878 2.432l-.53.927l-1.063.076a3.97 3.97 0 0 0-2.355.988a11 11 0 0 1 3.351 2.295c.98.98 1.752 2.117 2.295 3.351a3.97 3.97 0 0 0 .988-2.355M6.835 15.8a7 7 0 0 1-.663.771q-1.758 1.758-5.304 1.06q-.695-3.545 1.06-5.303q.372-.37.772-.663a9 9 0 0 0-2.598-.81a6 6 0 0 1 1.473-2.416a5.98 5.98 0 0 1 3.81-1.741a13.6 13.6 0 0 1 2.2-2.855c3.32-3.32 7.594-4.427 9.547-2.475c1.952 1.953.844 6.227-2.475 9.546a13.6 13.6 0 0 1-2.855 2.2a5.98 5.98 0 0 1-1.741 3.81a5.96 5.96 0 0 1-2.416 1.474a9 9 0 0 0-.81-2.598M5.11 13.39a2.6 2.6 0 0 0-.54-.415c-.432.15-.94.48-1.405.944c-.219.22-.487.959-.49 1.905c.946-.003 1.688-.274 1.905-.49c.465-.466.795-.973.944-1.405a2.6 2.6 0 0 0-.414-.54zm7.778-7.78a1 1 0 1 1 1.414-1.413A1 1 0 0 1 12.89 5.61z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2.5 -2.5 24 24"><path fill="currentColor" d="m9.808 12.971l.076-1.064l.927-.529A11.6 11.6 0 0 0 13.243 9.5c2.64-2.641 3.446-5.746 2.475-6.718c-.972-.97-4.077-.166-6.718 2.475c-.76.76-1.397 1.59-1.878 2.432l-.53.927l-1.063.076a3.97 3.97 0 0 0-2.355.988a11 11 0 0 1 3.351 2.295c.98.98 1.752 2.117 2.295 3.351a3.97 3.97 0 0 0 .988-2.355M6.835 15.8a7 7 0 0 1-.663.771q-1.758 1.758-5.304 1.06q-.695-3.545 1.06-5.303q.372-.37.772-.663a9 9 0 0 0-2.598-.81a6 6 0 0 1 1.473-2.416a5.98 5.98 0 0 1 3.81-1.741a13.6 13.6 0 0 1 2.2-2.855c3.32-3.32 7.594-4.427 9.547-2.475c1.952 1.953.844 6.227-2.475 9.546a13.6 13.6 0 0 1-2.855 2.2a5.98 5.98 0 0 1-1.741 3.81a5.96 5.96 0 0 1-2.416 1.474a9 9 0 0 0-.81-2.598M5.11 13.39a2.6 2.6 0 0 0-.54-.415c-.432.15-.94.48-1.405.944c-.219.22-.487.959-.49 1.905c.946-.003 1.688-.274 1.905-.49c.465-.466.795-.973.944-1.405a2.6 2.6 0 0 0-.414-.54zm7.778-7.78a1 1 0 1 1 1.414-1.413A1 1 0 0 1 12.89 5.61z"/></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%22-2.5%20-2.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m9.808%2012.971l.076-1.064l.927-.529A11.6%2011.6%200%200%200%2013.243%209.5c2.64-2.641%203.446-5.746%202.475-6.718c-.972-.97-4.077-.166-6.718%202.475c-.76.76-1.397%201.59-1.878%202.432l-.53.927l-1.063.076a3.97%203.97%200%200%200-2.355.988a11%2011%200%200%201%203.351%202.295c.98.98%201.752%202.117%202.295%203.351a3.97%203.97%200%200%200%20.988-2.355M6.835%2015.8a7%207%200%200%201-.663.771q-1.758%201.758-5.304%201.06q-.695-3.545%201.06-5.303q.372-.37.772-.663a9%209%200%200%200-2.598-.81a6%206%200%200%201%201.473-2.416a5.98%205.98%200%200%201%203.81-1.741a13.6%2013.6%200%200%201%202.2-2.855c3.32-3.32%207.594-4.427%209.547-2.475c1.952%201.953.844%206.227-2.475%209.546a13.6%2013.6%200%200%201-2.855%202.2a5.98%205.98%200%200%201-1.741%203.81a5.96%205.96%200%200%201-2.416%201.474a9%209%200%200%200-.81-2.598M5.11%2013.39a2.6%202.6%200%200%200-.54-.415c-.432.15-.94.48-1.405.944c-.219.22-.487.959-.49%201.905c.946-.003%201.688-.274%201.905-.49c.465-.466.795-.973.944-1.405a2.6%202.6%200%200%200-.414-.54zm7.778-7.78a1%201%200%201%201%201.414-1.413A1%201%200%200%201%2012.89%205.61z%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%22-2.5%20-2.5%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m9.808%2012.971l.076-1.064l.927-.529A11.6%2011.6%200%200%200%2013.243%209.5c2.64-2.641%203.446-5.746%202.475-6.718c-.972-.97-4.077-.166-6.718%202.475c-.76.76-1.397%201.59-1.878%202.432l-.53.927l-1.063.076a3.97%203.97%200%200%200-2.355.988a11%2011%200%200%201%203.351%202.295c.98.98%201.752%202.117%202.295%203.351a3.97%203.97%200%200%200%20.988-2.355M6.835%2015.8a7%207%200%200%201-.663.771q-1.758%201.758-5.304%201.06q-.695-3.545%201.06-5.303q.372-.37.772-.663a9%209%200%200%200-2.598-.81a6%206%200%200%201%201.473-2.416a5.98%205.98%200%200%201%203.81-1.741a13.6%2013.6%200%200%201%202.2-2.855c3.32-3.32%207.594-4.427%209.547-2.475c1.952%201.953.844%206.227-2.475%209.546a13.6%2013.6%200%200%201-2.855%202.2a5.98%205.98%200%200%201-1.741%203.81a5.96%205.96%200%200%201-2.416%201.474a9%209%200%200%200-.81-2.598M5.11%2013.39a2.6%202.6%200%200%200-.54-.415c-.432.15-.94.48-1.405.944c-.219.22-.487.959-.49%201.905c.946-.003%201.688-.274%201.905-.49c.465-.466.795-.973.944-1.405a2.6%202.6%200%200%200-.414-.54zm7.778-7.78a1%201%200%201%201%201.414-1.413A1%201%200%200%201%2012.89%205.61z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/rocket.svg?color=%231a73e8&size=48
