airplane landing icon

airplane-landing-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: airplane-landing-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

airplane-landing airplane-landing-bold airplane-landing-duotone airplane-landing-fill airplane-landing-light

The same icon in other sets

airplane-landing-16-filledFluent UI System Icons airplane-landingMaterial Design Icons

Related icons in Phosphor

airplane-in-flight airplane-takeoff airplane-taxiing airplane-tilt

Use the airplane landing icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M252 216a4 4 0 0 1-4 4H104a4 4 0 0 1 0-8h144a4 4 0 0 1 4 4m-21.08-28.15L54.29 138.4A36.12 36.12 0 0 1 28 103.73V48a12 12 0 0 1 15.79-11.37l5.48 1.82a4 4 0 0 1 2.49 2.44l11.31 31.29L100 82.71V48a12 12 0 0 1 15.79-11.38l5.48 1.82a4 4 0 0 1 2.42 2.25l23.25 55.42l62.7 17.52a36.1 36.1 0 0 1 26.36 34.7V184a4 4 0 0 1-5.08 3.85M228 148.33a28.07 28.07 0 0 0-20.51-27l-64.57-18a4 4 0 0 1-2.61-2.31L117 45.47l-3.75-1.25A4 4 0 0 0 108 48v40a4 4 0 0 1-5.1 3.85l-44-12.54a4 4 0 0 1-2.66-2.49L44.9 45.43l-3.64-1.21a3.95 3.95 0 0 0-3.6.55A4 4 0 0 0 36 48v55.72a28.1 28.1 0 0 0 20.45 27l171.55 48Z"/></svg>

React

import type { SVGProps } from "react";

export function PhAirplaneLandingThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M252 216a4 4 0 0 1-4 4H104a4 4 0 0 1 0-8h144a4 4 0 0 1 4 4m-21.08-28.15L54.29 138.4A36.12 36.12 0 0 1 28 103.73V48a12 12 0 0 1 15.79-11.37l5.48 1.82a4 4 0 0 1 2.49 2.44l11.31 31.29L100 82.71V48a12 12 0 0 1 15.79-11.38l5.48 1.82a4 4 0 0 1 2.42 2.25l23.25 55.42l62.7 17.52a36.1 36.1 0 0 1 26.36 34.7V184a4 4 0 0 1-5.08 3.85M228 148.33a28.07 28.07 0 0 0-20.51-27l-64.57-18a4 4 0 0 1-2.61-2.31L117 45.47l-3.75-1.25A4 4 0 0 0 108 48v40a4 4 0 0 1-5.1 3.85l-44-12.54a4 4 0 0 1-2.66-2.49L44.9 45.43l-3.64-1.21a3.95 3.95 0 0 0-3.6.55A4 4 0 0 0 36 48v55.72a28.1 28.1 0 0 0 20.45 27l171.55 48Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M252 216a4 4 0 0 1-4 4H104a4 4 0 0 1 0-8h144a4 4 0 0 1 4 4m-21.08-28.15L54.29 138.4A36.12 36.12 0 0 1 28 103.73V48a12 12 0 0 1 15.79-11.37l5.48 1.82a4 4 0 0 1 2.49 2.44l11.31 31.29L100 82.71V48a12 12 0 0 1 15.79-11.38l5.48 1.82a4 4 0 0 1 2.42 2.25l23.25 55.42l62.7 17.52a36.1 36.1 0 0 1 26.36 34.7V184a4 4 0 0 1-5.08 3.85M228 148.33a28.07 28.07 0 0 0-20.51-27l-64.57-18a4 4 0 0 1-2.61-2.31L117 45.47l-3.75-1.25A4 4 0 0 0 108 48v40a4 4 0 0 1-5.1 3.85l-44-12.54a4 4 0 0 1-2.66-2.49L44.9 45.43l-3.64-1.21a3.95 3.95 0 0 0-3.6.55A4 4 0 0 0 36 48v55.72a28.1 28.1 0 0 0 20.45 27l171.55 48Z"/></svg>
</template>

CSS

.icon-airplane-landing-thin {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M252%20216a4%204%200%200%201-4%204H104a4%204%200%200%201%200-8h144a4%204%200%200%201%204%204m-21.08-28.15L54.29%20138.4A36.12%2036.12%200%200%201%2028%20103.73V48a12%2012%200%200%201%2015.79-11.37l5.48%201.82a4%204%200%200%201%202.49%202.44l11.31%2031.29L100%2082.71V48a12%2012%200%200%201%2015.79-11.38l5.48%201.82a4%204%200%200%201%202.42%202.25l23.25%2055.42l62.7%2017.52a36.1%2036.1%200%200%201%2026.36%2034.7V184a4%204%200%200%201-5.08%203.85M228%20148.33a28.07%2028.07%200%200%200-20.51-27l-64.57-18a4%204%200%200%201-2.61-2.31L117%2045.47l-3.75-1.25A4%204%200%200%200%20108%2048v40a4%204%200%200%201-5.1%203.85l-44-12.54a4%204%200%200%201-2.66-2.49L44.9%2045.43l-3.64-1.21a3.95%203.95%200%200%200-3.6.55A4%204%200%200%200%2036%2048v55.72a28.1%2028.1%200%200%200%2020.45%2027l171.55%2048Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M252%20216a4%204%200%200%201-4%204H104a4%204%200%200%201%200-8h144a4%204%200%200%201%204%204m-21.08-28.15L54.29%20138.4A36.12%2036.12%200%200%201%2028%20103.73V48a12%2012%200%200%201%2015.79-11.37l5.48%201.82a4%204%200%200%201%202.49%202.44l11.31%2031.29L100%2082.71V48a12%2012%200%200%201%2015.79-11.38l5.48%201.82a4%204%200%200%201%202.42%202.25l23.25%2055.42l62.7%2017.52a36.1%2036.1%200%200%201%2026.36%2034.7V184a4%204%200%200%201-5.08%203.85M228%20148.33a28.07%2028.07%200%200%200-20.51-27l-64.57-18a4%204%200%200%201-2.61-2.31L117%2045.47l-3.75-1.25A4%204%200%200%200%20108%2048v40a4%204%200%200%201-5.1%203.85l-44-12.54a4%204%200%200%201-2.66-2.49L44.9%2045.43l-3.64-1.21a3.95%203.95%200%200%200-3.6.55A4%204%200%200%200%2036%2048v55.72a28.1%2028.1%200%200%200%2020.45%2027l171.55%2048Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/airplane-landing-thin.svg?color=%231a73e8&size=48