Airplane Landing icon
Used for lift off time and general travel. The Airplane Landing icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Airplane Landing icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { AirplaneLanding24Regular, AirplaneLanding24Filled } from "@fluentui/react-icons";
export function Example() {
return <AirplaneLanding24Regular aria-label="Airplane Landing" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_airplane_landing_24_regular.svg" width="24" height="24" alt="Airplane Landing"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5001 7.48886L11.5001 5.03861C11.5001 4.45992 12.2904 4.29206 12.5256 4.82077L13.9487 8.01934H12.9585C12.8771 8.01934 12.7965 8.00391 12.7209 7.97387L11.5001 7.48886ZM15.5905 8.01934L13.8961 4.21103C13.0024 2.20241 10.0001 2.84012 10.0001 5.03861V6.89292L8.50013 6.29699V4.75637C8.50013 3.01852 6.24106 2.34323 5.28727 3.79588L3.37781 6.70404C2.5861 7.90985 3.08463 9.53837 4.41568 10.0943L7.91899 11.5577L5.87403 13.4562C4.2465 14.9672 5.86976 17.6214 7.9563 16.8611L14.7173 14.3973L18.1796 15.8434C19.5208 16.4037 21.0001 15.4184 21.0001 13.9648V12.7347C21.0001 10.1305 18.889 8.01934 16.2848 8.01934H15.5905ZM7.00013 6.95136C7.00013 7.17095 7.13409 7.36831 7.33816 7.44939L12.1671 9.36788C12.4189 9.46795 12.6875 9.51934 12.9585 9.51934H16.2848C18.0606 9.51934 19.5001 10.9589 19.5001 12.7347V13.9648C19.5001 14.3474 19.1107 14.6068 18.7577 14.4593L15.1151 12.9378C14.8832 12.841 14.6234 12.835 14.3873 12.921L7.44271 15.4517C6.89348 15.6519 6.46622 14.9532 6.89461 14.5555L9.50877 12.1285C10.0418 11.6336 9.88499 10.7532 9.21381 10.4729L4.99382 8.71023C4.5294 8.51625 4.35545 7.94804 4.63169 7.52732L6.54115 4.61916C6.67741 4.41163 7.00013 4.50811 7.00013 4.75637V6.95136ZM3.00012 20.25C3.00012 19.8358 3.33591 19.5 3.75012 19.5H20.2501C20.6643 19.5 21.0001 19.8358 21.0001 20.25C21.0001 20.6642 20.6643 21 20.2501 21H3.75012C3.33591 21 3.00012 20.6642 3.00012 20.25Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/airplane_landing_24_regular.svg";Details
| Name | Airplane Landing |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_airplane_landing_24_regular.svg |
| Filled file | ic_fluent_airplane_landing_24_filled.svg |
| React components | AirplaneLanding24Regular, AirplaneLanding24Filled |
| License | MIT (© Microsoft Corporation) |