The Phosphor airplane icon depicts a side view of an airplane, commonly used to represent flights, air travel, or airport-related features in user interfaces.
Common uses
- Button to book flights
- Indicator for air travel options
- Link to airport information
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Airplane } from '@phosphor-icons/react';
<Airplane size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Airplane size={24} />thin
<Airplane size={24} weight="thin" />light
<Airplane size={24} weight="light" />bold
<Airplane size={24} weight="bold" />fill
<Airplane size={24} weight="fill" />duotone
<Airplane size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- vehiclesairportsflightsflyingplanestransittransportationtravelingmaps & travelobjectsairplaneplaneaircraftflight icon
FAQ
- What is the airplane icon used for?
- It's used to signify air travel, flights, airports, or related transportation services within an application.
- How do I use the airplane icon in React?
- Import it as `Airplane` from '@phosphor-icons/react' and use it as a component: `<Airplane />`.
- What is the license for this icon?
- The Phosphor icon set, including the airplane 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 →