The Tabler plane icon depicts an airplane, commonly used to represent air travel, flights, or aviation-related features in user interfaces.
Common uses
- Button to book flights
- Link to travel deals section
- Indicator for flight status updates
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconPlane } from '@tabler/icons-react';
<IconPlane size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconPlane size={24} stroke={2} />filled
<IconPlaneFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Vehicles
- Keywords
- traveljourneytripairportbaggageluggageplanetransportvehicleautomobilevehiclesairplaneflightaviationaircraft
FAQ
- What is the plane icon used for?
- It's used to visually represent concepts related to air travel, such as flights, airports, or aviation services.
- How do I use the plane icon in React?
- Import it using `import { IconPlane } from '@tabler/icons-react'` and then use it as a component: `<IconPlane />`.
- What is the license for the Tabler plane icon?
- The Tabler icon library, including the plane icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →