rocket launch icon

Common uses

• Indicate a new feature release.
• Show a deployment process step.
• Button to launch a new tool or service.

Use it in React

npm i @phosphor-icons/react

import { RocketLaunch } from '@phosphor-icons/react';

<RocketLaunch size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

<RocketLaunch size={24} />

<RocketLaunch size={24} weight="thin" />

<RocketLaunch size={24} weight="light" />

<RocketLaunch size={24} weight="bold" />

<RocketLaunch size={24} weight="fill" />

<RocketLaunch size={24} weight="duotone" />

Details

Library

Phosphor (1,512 icons)

License

MIT

viewBox

0 0 256 256

Category

technology & development

Keywords

*updated*spaceshipflyingblastoffdeploymentrocketshiptechnology & developmentmaps & travelobjectsrocketlaunch

FAQ

What does the rocket launch icon represent?

It symbolizes starting something new, like a project, a feature, or a deployment.

How do I use the rocket launch icon in React?

Import it as `RocketLaunch` from '@phosphor-icons/react' and use it as a component: `<RocketLaunch />`.

What is the license for this icon?

The Phosphor icon library, including the rocket launch icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Phosphor.