A plane seen from above, nose to the top right, for flights, airlines and travel bookings. On a 24×24 grid in stroke, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12.3777 6.8957L4.1224 5.1594C3.8221 5.1335 3.5254 5.2387 3.3122 5.4469L2.2985 6.4363C1.8666 6.8579 1.909 7.5532 2.3893 7.9218L8.4518 12.5M12.3777 6.8957L16.7849 3.6942C18.3008 2.5931 20.1263 2 22 2.0001C22 3.8248 21.3976 5.5985 20.2864 7.0458L16.9641 11.3727M12.3777 6.8957L6 16L3.1476 16.0832C2.4704 16.35 2.292 17.2051 2.8085 17.7091L6.3958 21.2108C6.9121 21.7149 7.7882 21.5408 8.0615 20.8798L8 18L16.9641 11.3727M11.5 15.5L16.4226 21.62C16.8002 22.0888 17.5125 22.1303 17.9445 21.7086L18.9581 20.7191C19.1713 20.511 19.2791 20.2214 19.2526 19.9282L16.9641 11.3727" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- flight
- airline
- travel
- airport
- fly
- aircraft
Related icons
The rest of the plane family first, then the Transport shelf.
FAQ
Answered from plane's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the plane icon for?
- A plane seen from above, nose to the top right, for flights, airlines and travel bookings. It is filed under Transport in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as flight, airline, travel, airport, fly and aircraft, and the browser's search matches all of those.
- What styles does the plane icon come in?
- All three: stroke, duotone and fill. They are drawn from the same geometry, so swapping weight never moves anything.
- Is there a square or circle version of plane?
- No. plane is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with plane?
- plane-landing, plane-takeoff, bike, ship and train, all shown below. The plane family is listed first, then the rest of the Transport shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import plane in React?
- <Plane /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Plane size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the plane SVG?
- icons/stroke/plane.svg, icons/duotone/plane.svg and icons/fill/plane.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was plane added to the set?
- Added 12 Sept 2026. It ships in v0.9.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.