Home/Libraries/Flat UI Icons (Iconify)/rocket

Flat UI Icons (Iconify)

Rocket

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="#818cf8"/><clipPath id="SVGpe8tHdIf"><path d="M100 50c0 27.614-22.387 50-50 50c-27.614 0-50-22.386-50-50S22.386 0 50 0h50z"/></clipPath><g fill="#818cf8" clip-path="url(#a )"><path d="M31 19.5q3.826-.675 4.5-4.5q.676 3.825 4.5 4.5q-3.824.676-4.5 4.5q-.674-3.824-4.5-4.5" clip-path="url(#SVGpe8tHdIf)" opacity=".2"/><path d="M71 74.5q3.826-.675 4.5-4.5q.676 3.825 4.5 4.5q-3.824.676-4.5 4.5q-.674-3.824-4.5-4.5m-60-10q3.826-.675 4.5-4.5q.676 3.825 4.5 4.5q-3.824.676-4.5 4.5q-.674-3.824-4.5-4.5" clip-path="url(#SVGpe8tHdIf)" opacity=".1"/></g><g clip-path="url(#SVGpe8tHdIf)"><path fill="#818cf8" d="M100 .1c-.156.018-.117.058-.1-.1c-23.316 2.979-36.539 12.281-44.035 22.035a51 51 0 0 0-.782 1.047l-.008.01C47.015 34.196 46.087 45.812 46 49h-1l-1 3l4 4l3-1v-1a40 40 0 0 0 7.066-.773l.002.002c.729-.182.932.076.932 3.771v9c0 1.809.943 2.497 1.945 1.494c2.423-2.428 3.003-3.023 8.5-8.528c4.16-4.167 4.676-6.595 2.957-11.059C83.953 41.369 96.432 27.888 100 .1"/><path fill="#818cf8" d="m48 56l-4-4l1-3h2l4 4v2zm4-28c-1.718-.69-2-1-4-1s-4.183 1.38-6.861 4.063c-4.254 4.259-4.85 4.839-8.516 8.508C31.425 40.771 33.263 41 36 41c5.233 0 9.297-.125 10.791 1.42C48.764 44.46 52 28 52 28m48-28c-.639 4.973-1.566 9.579-2.721 13.678c-1.049-1.97-2.562-4.364-4.5-6.272c-2.151-2.12-4.812-3.632-6.826-4.585C91.979 1.091 96.783.412 100 0"/><path fill="#818cf8" d="M72.402 47.907c1.719 4.463 1.312 6.788-2.854 10.954c-.844.844-7.828 7.859-8.604 8.633c-1.003 1.002-1.911.315-1.944-1.494v-.652c3-3 9.689-8.938 11-11.348c.768-1.411.352-3.654 0-5c-3.312 1.76-11.516 4.094-11.932 4.229c-3.162.646-5.601.714-7.068.771v-.656S80.975 43.681 100 0c-3.594 28.047-16.047 41.369-27.598 47.907" opacity=".3"/><path fill="#818cf8" d="M77.5 28c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5s6.5 2.916 6.5 6.5s-2.916 6.5-6.5 6.5"/><path fill="#818cf8" d="M77.5 16a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11m0-2c-4.137 0-7.5 3.364-7.5 7.5s3.363 7.5 7.5 7.5s7.5-3.364 7.5-7.5s-3.363-7.5-7.5-7.5"/><path fill="#818cf8" d="m44 52l4 4l-35 36l-6-6z"/><path fill="#818cf8" d="m43.875 52l2 2L7.5 91.5l-3-3z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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 **MIT** 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 Flat UI Icons (Iconify)

Browse all Flat UI Icons (Iconify) icons →

art

bag

box