The Phosphor airplane in flight icon visually represents air travel and is commonly used to indicate flight-related actions, destinations, or information within a user interface.
Common uses
- Button to book flights
- Map marker for airports
- Status indicator for flight departures/arrivals
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { AirplaneInFlight } from '@phosphor-icons/react';
<AirplaneInFlight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<AirplaneInFlight size={24} />thin
<AirplaneInFlight size={24} weight="thin" />light
<AirplaneInFlight size={24} weight="light" />bold
<AirplaneInFlight size={24} weight="bold" />fill
<AirplaneInFlight size={24} weight="fill" />duotone
<AirplaneInFlight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- vehiclesairportsflightsflyingplanestransittransportationtravelingarrivalmaps & travelobjectsairplaneinflightplane iconflight icon
FAQ
- What does the airplane in flight icon represent?
- This icon represents an airplane that is currently airborne, symbolizing air travel, flights, or airports.
- How do I use the airplane in flight icon in React?
- You can import and use it in your React application with: import { AirplaneInFlight } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the airplane in flight icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →