airplane takeoff icon

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

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

5 other variants in Phosphor

airplane-takeoff airplane-takeoff-bold airplane-takeoff-duotone airplane-takeoff-fill airplane-takeoff-thin

The same icon in other sets

airplane-takeoffMaterial Design Icons

Related icons in Phosphor

airplane-in-flight airplane-landing airplane-taxiing airplane-tilt

Use the airplane takeoff icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M174 216a6 6 0 0 1-6 6H24a6 6 0 0 1 0-12h144a6 6 0 0 1 6 6m71.9-123.22a6 6 0 0 1-2.82 4l-147.41 88a38.2 38.2 0 0 1-19.23 5.23a37.8 37.8 0 0 1-25.92-10.33l-.1-.09l-36.05-35.23a14 14 0 0 1 4-23l3-1.49a6 6 0 0 1 4.56-.29l29.15 9.83l23.17-14l-23.7-23a14 14 0 0 1 4-23.18l.24-.1l7.15-2.71a6 6 0 0 1 4.19 0l54.84 20.18l52.38-31.27A37.81 37.81 0 0 1 226 64l.09.11L244.73 88a6 6 0 0 1 1.17 4.78M231.09 90l-14.42-18.47a25.86 25.86 0 0 0-33.26-5.89L128.6 98.36a6 6 0 0 1-5.15.48L68 78.45l-4.9 1.85a1.91 1.91 0 0 0-1.1 1.47a2 2 0 0 0 .63 1.82l.17.15l29.35 28.49a6 6 0 0 1-1.07 9.44l-32.19 19.49a6 6 0 0 1-5 .55l-29.45-9.94l-.93.46l-.28.13a2 2 0 0 0-.58 3.29l.1.09l36 35.28a25.84 25.84 0 0 0 30.81 3.47Z"/></svg>

React

import type { SVGProps } from "react";

export function PhAirplaneTakeoffLight(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="M174 216a6 6 0 0 1-6 6H24a6 6 0 0 1 0-12h144a6 6 0 0 1 6 6m71.9-123.22a6 6 0 0 1-2.82 4l-147.41 88a38.2 38.2 0 0 1-19.23 5.23a37.8 37.8 0 0 1-25.92-10.33l-.1-.09l-36.05-35.23a14 14 0 0 1 4-23l3-1.49a6 6 0 0 1 4.56-.29l29.15 9.83l23.17-14l-23.7-23a14 14 0 0 1 4-23.18l.24-.1l7.15-2.71a6 6 0 0 1 4.19 0l54.84 20.18l52.38-31.27A37.81 37.81 0 0 1 226 64l.09.11L244.73 88a6 6 0 0 1 1.17 4.78M231.09 90l-14.42-18.47a25.86 25.86 0 0 0-33.26-5.89L128.6 98.36a6 6 0 0 1-5.15.48L68 78.45l-4.9 1.85a1.91 1.91 0 0 0-1.1 1.47a2 2 0 0 0 .63 1.82l.17.15l29.35 28.49a6 6 0 0 1-1.07 9.44l-32.19 19.49a6 6 0 0 1-5 .55l-29.45-9.94l-.93.46l-.28.13a2 2 0 0 0-.58 3.29l.1.09l36 35.28a25.84 25.84 0 0 0 30.81 3.47Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M174 216a6 6 0 0 1-6 6H24a6 6 0 0 1 0-12h144a6 6 0 0 1 6 6m71.9-123.22a6 6 0 0 1-2.82 4l-147.41 88a38.2 38.2 0 0 1-19.23 5.23a37.8 37.8 0 0 1-25.92-10.33l-.1-.09l-36.05-35.23a14 14 0 0 1 4-23l3-1.49a6 6 0 0 1 4.56-.29l29.15 9.83l23.17-14l-23.7-23a14 14 0 0 1 4-23.18l.24-.1l7.15-2.71a6 6 0 0 1 4.19 0l54.84 20.18l52.38-31.27A37.81 37.81 0 0 1 226 64l.09.11L244.73 88a6 6 0 0 1 1.17 4.78M231.09 90l-14.42-18.47a25.86 25.86 0 0 0-33.26-5.89L128.6 98.36a6 6 0 0 1-5.15.48L68 78.45l-4.9 1.85a1.91 1.91 0 0 0-1.1 1.47a2 2 0 0 0 .63 1.82l.17.15l29.35 28.49a6 6 0 0 1-1.07 9.44l-32.19 19.49a6 6 0 0 1-5 .55l-29.45-9.94l-.93.46l-.28.13a2 2 0 0 0-.58 3.29l.1.09l36 35.28a25.84 25.84 0 0 0 30.81 3.47Z"/></svg>
</template>

CSS

.icon-airplane-takeoff-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%22M174%20216a6%206%200%200%201-6%206H24a6%206%200%200%201%200-12h144a6%206%200%200%201%206%206m71.9-123.22a6%206%200%200%201-2.82%204l-147.41%2088a38.2%2038.2%200%200%201-19.23%205.23a37.8%2037.8%200%200%201-25.92-10.33l-.1-.09l-36.05-35.23a14%2014%200%200%201%204-23l3-1.49a6%206%200%200%201%204.56-.29l29.15%209.83l23.17-14l-23.7-23a14%2014%200%200%201%204-23.18l.24-.1l7.15-2.71a6%206%200%200%201%204.19%200l54.84%2020.18l52.38-31.27A37.81%2037.81%200%200%201%20226%2064l.09.11L244.73%2088a6%206%200%200%201%201.17%204.78M231.09%2090l-14.42-18.47a25.86%2025.86%200%200%200-33.26-5.89L128.6%2098.36a6%206%200%200%201-5.15.48L68%2078.45l-4.9%201.85a1.91%201.91%200%200%200-1.1%201.47a2%202%200%200%200%20.63%201.82l.17.15l29.35%2028.49a6%206%200%200%201-1.07%209.44l-32.19%2019.49a6%206%200%200%201-5%20.55l-29.45-9.94l-.93.46l-.28.13a2%202%200%200%200-.58%203.29l.1.09l36%2035.28a25.84%2025.84%200%200%200%2030.81%203.47Z%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%22M174%20216a6%206%200%200%201-6%206H24a6%206%200%200%201%200-12h144a6%206%200%200%201%206%206m71.9-123.22a6%206%200%200%201-2.82%204l-147.41%2088a38.2%2038.2%200%200%201-19.23%205.23a37.8%2037.8%200%200%201-25.92-10.33l-.1-.09l-36.05-35.23a14%2014%200%200%201%204-23l3-1.49a6%206%200%200%201%204.56-.29l29.15%209.83l23.17-14l-23.7-23a14%2014%200%200%201%204-23.18l.24-.1l7.15-2.71a6%206%200%200%201%204.19%200l54.84%2020.18l52.38-31.27A37.81%2037.81%200%200%201%20226%2064l.09.11L244.73%2088a6%206%200%200%201%201.17%204.78M231.09%2090l-14.42-18.47a25.86%2025.86%200%200%200-33.26-5.89L128.6%2098.36a6%206%200%200%201-5.15.48L68%2078.45l-4.9%201.85a1.91%201.91%200%200%200-1.1%201.47a2%202%200%200%200%20.63%201.82l.17.15l29.35%2028.49a6%206%200%200%201-1.07%209.44l-32.19%2019.49a6%206%200%200%201-5%20.55l-29.45-9.94l-.93.46l-.28.13a2%202%200%200%200-.58%203.29l.1.09l36%2035.28a25.84%2025.84%200%200%200%2030.81%203.47Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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