airplane landing icon

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

Name: airplane-landing-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

airplane-landing airplane-landing-bold airplane-landing-duotone airplane-landing-fill airplane-landing-thin

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="M254 216a6 6 0 0 1-6 6H104a6 6 0 0 1 0-12h144a6 6 0 0 1 6 6m-23.62-26.22L53.75 140.32A38.14 38.14 0 0 1 26 103.72V48a14 14 0 0 1 18.43-13.29l5.47 1.83a6 6 0 0 1 3.74 3.65l11 30.33L98 80V48a14 14 0 0 1 18.43-13.29l5.47 1.83a6 6 0 0 1 3.63 3.37l22.88 54.53l61.77 17.27A38.09 38.09 0 0 1 238 148.32V184a6 6 0 0 1-7.62 5.78M226 148.32a26.07 26.07 0 0 0-19-25l-64.58-18a6 6 0 0 1-3.91-3.46l-23-54.7l-2.89-1A2 2 0 0 0 110 48v40a6 6 0 0 1-7.64 5.77l-44-12.54a6 6 0 0 1-4-3.73L43.34 47l-2.71-.9A1.9 1.9 0 0 0 40 46a2 2 0 0 0-1.16.38A2 2 0 0 0 38 48v55.72a26.09 26.09 0 0 0 19 25l169 47.33Z"/></svg>

React

import type { SVGProps } from "react";

export function PhAirplaneLandingLight(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="M254 216a6 6 0 0 1-6 6H104a6 6 0 0 1 0-12h144a6 6 0 0 1 6 6m-23.62-26.22L53.75 140.32A38.14 38.14 0 0 1 26 103.72V48a14 14 0 0 1 18.43-13.29l5.47 1.83a6 6 0 0 1 3.74 3.65l11 30.33L98 80V48a14 14 0 0 1 18.43-13.29l5.47 1.83a6 6 0 0 1 3.63 3.37l22.88 54.53l61.77 17.27A38.09 38.09 0 0 1 238 148.32V184a6 6 0 0 1-7.62 5.78M226 148.32a26.07 26.07 0 0 0-19-25l-64.58-18a6 6 0 0 1-3.91-3.46l-23-54.7l-2.89-1A2 2 0 0 0 110 48v40a6 6 0 0 1-7.64 5.77l-44-12.54a6 6 0 0 1-4-3.73L43.34 47l-2.71-.9A1.9 1.9 0 0 0 40 46a2 2 0 0 0-1.16.38A2 2 0 0 0 38 48v55.72a26.09 26.09 0 0 0 19 25l169 47.33Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M254 216a6 6 0 0 1-6 6H104a6 6 0 0 1 0-12h144a6 6 0 0 1 6 6m-23.62-26.22L53.75 140.32A38.14 38.14 0 0 1 26 103.72V48a14 14 0 0 1 18.43-13.29l5.47 1.83a6 6 0 0 1 3.74 3.65l11 30.33L98 80V48a14 14 0 0 1 18.43-13.29l5.47 1.83a6 6 0 0 1 3.63 3.37l22.88 54.53l61.77 17.27A38.09 38.09 0 0 1 238 148.32V184a6 6 0 0 1-7.62 5.78M226 148.32a26.07 26.07 0 0 0-19-25l-64.58-18a6 6 0 0 1-3.91-3.46l-23-54.7l-2.89-1A2 2 0 0 0 110 48v40a6 6 0 0 1-7.64 5.77l-44-12.54a6 6 0 0 1-4-3.73L43.34 47l-2.71-.9A1.9 1.9 0 0 0 40 46a2 2 0 0 0-1.16.38A2 2 0 0 0 38 48v55.72a26.09 26.09 0 0 0 19 25l169 47.33Z"/></svg>
</template>

CSS

.icon-airplane-landing-light {
  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%22M254%20216a6%206%200%200%201-6%206H104a6%206%200%200%201%200-12h144a6%206%200%200%201%206%206m-23.62-26.22L53.75%20140.32A38.14%2038.14%200%200%201%2026%20103.72V48a14%2014%200%200%201%2018.43-13.29l5.47%201.83a6%206%200%200%201%203.74%203.65l11%2030.33L98%2080V48a14%2014%200%200%201%2018.43-13.29l5.47%201.83a6%206%200%200%201%203.63%203.37l22.88%2054.53l61.77%2017.27A38.09%2038.09%200%200%201%20238%20148.32V184a6%206%200%200%201-7.62%205.78M226%20148.32a26.07%2026.07%200%200%200-19-25l-64.58-18a6%206%200%200%201-3.91-3.46l-23-54.7l-2.89-1A2%202%200%200%200%20110%2048v40a6%206%200%200%201-7.64%205.77l-44-12.54a6%206%200%200%201-4-3.73L43.34%2047l-2.71-.9A1.9%201.9%200%200%200%2040%2046a2%202%200%200%200-1.16.38A2%202%200%200%200%2038%2048v55.72a26.09%2026.09%200%200%200%2019%2025l169%2047.33Z%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%22M254%20216a6%206%200%200%201-6%206H104a6%206%200%200%201%200-12h144a6%206%200%200%201%206%206m-23.62-26.22L53.75%20140.32A38.14%2038.14%200%200%201%2026%20103.72V48a14%2014%200%200%201%2018.43-13.29l5.47%201.83a6%206%200%200%201%203.74%203.65l11%2030.33L98%2080V48a14%2014%200%200%201%2018.43-13.29l5.47%201.83a6%206%200%200%201%203.63%203.37l22.88%2054.53l61.77%2017.27A38.09%2038.09%200%200%201%20238%20148.32V184a6%206%200%200%201-7.62%205.78M226%20148.32a26.07%2026.07%200%200%200-19-25l-64.58-18a6%206%200%200%201-3.91-3.46l-23-54.7l-2.89-1A2%202%200%200%200%20110%2048v40a6%206%200%200%201-7.64%205.77l-44-12.54a6%206%200%200%201-4-3.73L43.34%2047l-2.71-.9A1.9%201.9%200%200%200%2040%2046a2%202%200%200%200-1.16.38A2%202%200%200%200%2038%2048v55.72a26.09%2026.09%200%200%200%2019%2025l169%2047.33Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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