rocket icon
rocket-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.
- Name
- rocket-sharp
- Set
- Keyline Icons
- Style
- Sharp
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline 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
Related icons in Keyline Icons
Use the rocket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M6.8103 13.5269L10.4731 17.1897L10.4731 19.9368L16.7303 17.6475L16.7303 12.7638C20.0352 10.4262 21.9999 6.63 21.9999 2.5819C21.9999 2.3922 21.9956 2.2025 21.987 2.013C21.7975 2.0044 21.6078 2.0001 21.4181 2.0001C17.37 2.0001 13.5738 3.9648 11.2362 7.2697L6.3525 7.2697L4.0632 13.5269L6.8103 13.5269ZM10.4731 17.1897L16.7303 12.7638M6.8103 13.5269L11.2362 7.2697M2.0001 21.9999L4.4054 21.8679C5.5497 21.8051 6.4454 20.8589 6.4454 19.7129C6.4454 18.5209 5.4791 17.5546 4.2871 17.5546C3.1411 17.5546 2.1949 18.4503 2.1321 19.5946L2.0001 21.9999Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsRocketSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M6.8103 13.5269L10.4731 17.1897L10.4731 19.9368L16.7303 17.6475L16.7303 12.7638C20.0352 10.4262 21.9999 6.63 21.9999 2.5819C21.9999 2.3922 21.9956 2.2025 21.987 2.013C21.7975 2.0044 21.6078 2.0001 21.4181 2.0001C17.37 2.0001 13.5738 3.9648 11.2362 7.2697L6.3525 7.2697L4.0632 13.5269L6.8103 13.5269ZM10.4731 17.1897L16.7303 12.7638M6.8103 13.5269L11.2362 7.2697M2.0001 21.9999L4.4054 21.8679C5.5497 21.8051 6.4454 20.8589 6.4454 19.7129C6.4454 18.5209 5.4791 17.5546 4.2871 17.5546C3.1411 17.5546 2.1949 18.4503 2.1321 19.5946L2.0001 21.9999Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M6.8103 13.5269L10.4731 17.1897L10.4731 19.9368L16.7303 17.6475L16.7303 12.7638C20.0352 10.4262 21.9999 6.63 21.9999 2.5819C21.9999 2.3922 21.9956 2.2025 21.987 2.013C21.7975 2.0044 21.6078 2.0001 21.4181 2.0001C17.37 2.0001 13.5738 3.9648 11.2362 7.2697L6.3525 7.2697L4.0632 13.5269L6.8103 13.5269ZM10.4731 17.1897L16.7303 12.7638M6.8103 13.5269L11.2362 7.2697M2.0001 21.9999L4.4054 21.8679C5.5497 21.8051 6.4454 20.8589 6.4454 19.7129C6.4454 18.5209 5.4791 17.5546 4.2871 17.5546C3.1411 17.5546 2.1949 18.4503 2.1321 19.5946L2.0001 21.9999Z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6.8103%2013.5269L10.4731%2017.1897L10.4731%2019.9368L16.7303%2017.6475L16.7303%2012.7638C20.0352%2010.4262%2021.9999%206.63%2021.9999%202.5819C21.9999%202.3922%2021.9956%202.2025%2021.987%202.013C21.7975%202.0044%2021.6078%202.0001%2021.4181%202.0001C17.37%202.0001%2013.5738%203.9648%2011.2362%207.2697L6.3525%207.2697L4.0632%2013.5269L6.8103%2013.5269ZM10.4731%2017.1897L16.7303%2012.7638M6.8103%2013.5269L11.2362%207.2697M2.0001%2021.9999L4.4054%2021.8679C5.5497%2021.8051%206.4454%2020.8589%206.4454%2019.7129C6.4454%2018.5209%205.4791%2017.5546%204.2871%2017.5546C3.1411%2017.5546%202.1949%2018.4503%202.1321%2019.5946L2.0001%2021.9999Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6.8103%2013.5269L10.4731%2017.1897L10.4731%2019.9368L16.7303%2017.6475L16.7303%2012.7638C20.0352%2010.4262%2021.9999%206.63%2021.9999%202.5819C21.9999%202.3922%2021.9956%202.2025%2021.987%202.013C21.7975%202.0044%2021.6078%202.0001%2021.4181%202.0001C17.37%202.0001%2013.5738%203.9648%2011.2362%207.2697L6.3525%207.2697L4.0632%2013.5269L6.8103%2013.5269ZM10.4731%2017.1897L16.7303%2012.7638M6.8103%2013.5269L11.2362%207.2697M2.0001%2021.9999L4.4054%2021.8679C5.5497%2021.8051%206.4454%2020.8589%206.4454%2019.7129C6.4454%2018.5209%205.4791%2017.5546%204.2871%2017.5546C3.1411%2017.5546%202.1949%2018.4503%202.1321%2019.5946L2.0001%2021.9999Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/rocket-sharp.svg?color=%231a73e8&size=48
