rocket emoji
rocket from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- rocket
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji 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
More travel & places icons from Twitter Emoji
Use the rocket emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a0041e" d="m1 17l8-7l16 1l1 16l-7 8s.001-5.999-6-12s-12-6-12-6"/><path fill="#ffac33" d="M.973 35s-.036-7.979 2.985-11S15 21.187 15 21.187S14.999 29 11.999 32S.973 35 .973 35"/><circle cx="8.999" cy="27" r="4" fill="#ffcc4d"/><path fill="#55acee" d="M35.999 0s-10 0-22 10c-6 5-6 14-4 16s11 2 16-4c10-12 10-22 10-22"/><path d="M26.999 5a4 4 0 0 0-3.641 2.36A4 4 0 0 1 24.999 7a4 4 0 0 1 4 4c0 .586-.133 1.139-.359 1.64A3.99 3.99 0 0 0 30.999 9a4 4 0 0 0-4-4"/><path fill="#a0041e" d="M8 28s0-4 1-5s13.001-10.999 14-10s-9.001 13-10.001 14S8 28 8 28"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiRocket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a0041e" d="m1 17l8-7l16 1l1 16l-7 8s.001-5.999-6-12s-12-6-12-6"/><path fill="#ffac33" d="M.973 35s-.036-7.979 2.985-11S15 21.187 15 21.187S14.999 29 11.999 32S.973 35 .973 35"/><circle cx="8.999" cy="27" r="4" fill="#ffcc4d"/><path fill="#55acee" d="M35.999 0s-10 0-22 10c-6 5-6 14-4 16s11 2 16-4c10-12 10-22 10-22"/><path d="M26.999 5a4 4 0 0 0-3.641 2.36A4 4 0 0 1 24.999 7a4 4 0 0 1 4 4c0 .586-.133 1.139-.359 1.64A3.99 3.99 0 0 0 30.999 9a4 4 0 0 0-4-4"/><path fill="#a0041e" d="M8 28s0-4 1-5s13.001-10.999 14-10s-9.001 13-10.001 14S8 28 8 28"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a0041e" d="m1 17l8-7l16 1l1 16l-7 8s.001-5.999-6-12s-12-6-12-6"/><path fill="#ffac33" d="M.973 35s-.036-7.979 2.985-11S15 21.187 15 21.187S14.999 29 11.999 32S.973 35 .973 35"/><circle cx="8.999" cy="27" r="4" fill="#ffcc4d"/><path fill="#55acee" d="M35.999 0s-10 0-22 10c-6 5-6 14-4 16s11 2 16-4c10-12 10-22 10-22"/><path d="M26.999 5a4 4 0 0 0-3.641 2.36A4 4 0 0 1 24.999 7a4 4 0 0 1 4 4c0 .586-.133 1.139-.359 1.64A3.99 3.99 0 0 0 30.999 9a4 4 0 0 0-4-4"/><path fill="#a0041e" d="M8 28s0-4 1-5s13.001-10.999 14-10s-9.001 13-10.001 14S8 28 8 28"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22m1%2017l8-7l16%201l1%2016l-7%208s.001-5.999-6-12s-12-6-12-6%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M.973%2035s-.036-7.979%202.985-11S15%2021.187%2015%2021.187S14.999%2029%2011.999%2032S.973%2035%20.973%2035%22%2F%3E%3Ccircle%20cx%3D%228.999%22%20cy%3D%2227%22%20r%3D%224%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M35.999%200s-10%200-22%2010c-6%205-6%2014-4%2016s11%202%2016-4c10-12%2010-22%2010-22%22%2F%3E%3Cpath%20d%3D%22M26.999%205a4%204%200%200%200-3.641%202.36A4%204%200%200%201%2024.999%207a4%204%200%200%201%204%204c0%20.586-.133%201.139-.359%201.64A3.99%203.99%200%200%200%2030.999%209a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M8%2028s0-4%201-5s13.001-10.999%2014-10s-9.001%2013-10.001%2014S8%2028%208%2028%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22m1%2017l8-7l16%201l1%2016l-7%208s.001-5.999-6-12s-12-6-12-6%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M.973%2035s-.036-7.979%202.985-11S15%2021.187%2015%2021.187S14.999%2029%2011.999%2032S.973%2035%20.973%2035%22%2F%3E%3Ccircle%20cx%3D%228.999%22%20cy%3D%2227%22%20r%3D%224%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M35.999%200s-10%200-22%2010c-6%205-6%2014-4%2016s11%202%2016-4c10-12%2010-22%2010-22%22%2F%3E%3Cpath%20d%3D%22M26.999%205a4%204%200%200%200-3.641%202.36A4%204%200%200%201%2024.999%207a4%204%200%200%201%204%204c0%20.586-.133%201.139-.359%201.64A3.99%203.99%200%200%200%2030.999%209a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M8%2028s0-4%201-5s13.001-10.999%2014-10s-9.001%2013-10.001%2014S8%2028%208%2028%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/rocket.svg?color=%231a73e8&size=48
