IconSearch logoIconsearch
Home/Libraries/Codicons (Iconify)/rocket
← Back to Search
Codicons (Iconify)

Rocket

License: CC-BY-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 16 16"><g fill="#818cf8"><path d="M2.14 13.15c.2-.2.51-.2.71 0s.2.51 0 .71l-2 2a.485.485 0 0 1-.7 0c-.2-.2-.2-.51 0-.71zm1.5 1.5c.2-.2.51-.2.71 0s.2.51 0 .71l-.5.5a.485.485 0 0 1-.7 0c-.2-.2-.2-.51 0-.71l.5-.5z"/><path fill-rule="evenodd" d="M9 5c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2m0 1c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1" clip-rule="evenodd"/><path fill-rule="evenodd" d="M9.65 1.19c1.13-.29 2.35-.26 3.47.09c.77.24 1.37.86 1.61 1.64h-.01c.68 2.23.08 4.64-1.57 6.29l-.47.47c.55 1.11.37 2.48-.54 3.39l-1.53 1.53a.485.485 0 0 1-.7 0l-1.08-1.08c-.21.15-.47.23-.73.23c-.33 0-.64-.13-.88-.37l-.77-.77l-.54.97c-.13.24-.35.39-.62.43h-.12a.84.84 0 0 1-.6-.25l-2.34-2.34a.845.845 0 0 1 .19-1.34l.97-.54l-.77-.77c-.44-.43-.48-1.11-.14-1.6L1.4 6.09c-.2-.2-.2-.51 0-.71l1.53-1.53c.92-.92 2.29-1.1 3.39-.55l.47-.47a6.34 6.34 0 0 1 2.86-1.64m-.11 11.63l.72.72l1.18-1.18c.51-.52.68-1.26.48-1.92zm-6.47-1.95l2.06 2.06l.58-1.04l-1.6-1.6zM11.24 2A5.24 5.24 0 0 0 7.5 3.55L3.32 7.73c-.1.09-.1.25 0 .35l4.6 4.6c.05.04.11.07.18.07l.01.01c.01.01.11-.01.17-.07l4.17-4.18a5.29 5.29 0 0 0 1.32-5.29c-.14-.47-.5-.84-.95-.98c-.51-.16-1.04-.24-1.58-.24m-5.7 2.09a1.9 1.9 0 0 0-1.9.48L2.46 5.75l.71.71z" clip-rule="evenodd"/><path d="M.64 11.64c.2-.2.51-.2.71 0s.2.51 0 .71l-.5.5A.47.47 0 0 1 .5 13H.49c-.12 0-.25-.05-.35-.15c-.2-.2-.2-.51 0-.71z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. RocketIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Codicons (Iconify)

Browse all Codicons (Iconify) icons →
account
account
activate-breakpoints
activate-breakpoints
add
add
add-compact
add-compact
add-small
add-small
agent
agent
archive
archive
arrow-both
arrow-both
arrow-circle-down
arrow-circle-down
arrow-circle-left
arrow-circle-left
arrow-circle-right
arrow-circle-right
arrow-circle-up
arrow-circle-up