airplane takeoff icon

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

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

5 other variants in Phosphor

airplane-takeoff airplane-takeoff-bold airplane-takeoff-duotone airplane-takeoff-fill airplane-takeoff-light

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="M172 216a4 4 0 0 1-4 4H24a4 4 0 0 1 0-8h144a4 4 0 0 1 4 4m71.93-123.59a4 4 0 0 1-1.88 2.7l-147.41 88a36.15 36.15 0 0 1-18.2 4.95a35.78 35.78 0 0 1-24.55-9.79l-36.16-35.38a12 12 0 0 1 3.44-19.68l3.07-1.5a4 4 0 0 1 3-.2l30 10.13L81.5 115.8L55.91 91a12 12 0 0 1 3.36-19.89l.16-.06l7.15-2.71a4 4 0 0 1 2.8 0l55.73 20.46L178.32 57a35.83 35.83 0 0 1 46.14 8.22l18.69 24a4 4 0 0 1 .78 3.19m-9.87-1.85l-15.85-20.32a27.85 27.85 0 0 0-35.81-6.33l-54.82 32.73a4 4 0 0 1-3.44.32L68 76.31l-5.66 2.14a4 4 0 0 0-1 6.62a1 1 0 0 0 .11.11l29.35 28.49a4 4 0 0 1-.72 6.29l-32.22 19.48a4 4 0 0 1-3.35.37l-30.23-10.2l-1.67.82l-.18.09a4 4 0 0 0-1.16 6.59l36.15 35.39a27.82 27.82 0 0 0 33.16 3.72Z"/></svg>

React

import type { SVGProps } from "react";

export function PhAirplaneTakeoffThin(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="M172 216a4 4 0 0 1-4 4H24a4 4 0 0 1 0-8h144a4 4 0 0 1 4 4m71.93-123.59a4 4 0 0 1-1.88 2.7l-147.41 88a36.15 36.15 0 0 1-18.2 4.95a35.78 35.78 0 0 1-24.55-9.79l-36.16-35.38a12 12 0 0 1 3.44-19.68l3.07-1.5a4 4 0 0 1 3-.2l30 10.13L81.5 115.8L55.91 91a12 12 0 0 1 3.36-19.89l.16-.06l7.15-2.71a4 4 0 0 1 2.8 0l55.73 20.46L178.32 57a35.83 35.83 0 0 1 46.14 8.22l18.69 24a4 4 0 0 1 .78 3.19m-9.87-1.85l-15.85-20.32a27.85 27.85 0 0 0-35.81-6.33l-54.82 32.73a4 4 0 0 1-3.44.32L68 76.31l-5.66 2.14a4 4 0 0 0-1 6.62a1 1 0 0 0 .11.11l29.35 28.49a4 4 0 0 1-.72 6.29l-32.22 19.48a4 4 0 0 1-3.35.37l-30.23-10.2l-1.67.82l-.18.09a4 4 0 0 0-1.16 6.59l36.15 35.39a27.82 27.82 0 0 0 33.16 3.72Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M172 216a4 4 0 0 1-4 4H24a4 4 0 0 1 0-8h144a4 4 0 0 1 4 4m71.93-123.59a4 4 0 0 1-1.88 2.7l-147.41 88a36.15 36.15 0 0 1-18.2 4.95a35.78 35.78 0 0 1-24.55-9.79l-36.16-35.38a12 12 0 0 1 3.44-19.68l3.07-1.5a4 4 0 0 1 3-.2l30 10.13L81.5 115.8L55.91 91a12 12 0 0 1 3.36-19.89l.16-.06l7.15-2.71a4 4 0 0 1 2.8 0l55.73 20.46L178.32 57a35.83 35.83 0 0 1 46.14 8.22l18.69 24a4 4 0 0 1 .78 3.19m-9.87-1.85l-15.85-20.32a27.85 27.85 0 0 0-35.81-6.33l-54.82 32.73a4 4 0 0 1-3.44.32L68 76.31l-5.66 2.14a4 4 0 0 0-1 6.62a1 1 0 0 0 .11.11l29.35 28.49a4 4 0 0 1-.72 6.29l-32.22 19.48a4 4 0 0 1-3.35.37l-30.23-10.2l-1.67.82l-.18.09a4 4 0 0 0-1.16 6.59l36.15 35.39a27.82 27.82 0 0 0 33.16 3.72Z"/></svg>
</template>

CSS

.icon-airplane-takeoff-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%22M172%20216a4%204%200%200%201-4%204H24a4%204%200%200%201%200-8h144a4%204%200%200%201%204%204m71.93-123.59a4%204%200%200%201-1.88%202.7l-147.41%2088a36.15%2036.15%200%200%201-18.2%204.95a35.78%2035.78%200%200%201-24.55-9.79l-36.16-35.38a12%2012%200%200%201%203.44-19.68l3.07-1.5a4%204%200%200%201%203-.2l30%2010.13L81.5%20115.8L55.91%2091a12%2012%200%200%201%203.36-19.89l.16-.06l7.15-2.71a4%204%200%200%201%202.8%200l55.73%2020.46L178.32%2057a35.83%2035.83%200%200%201%2046.14%208.22l18.69%2024a4%204%200%200%201%20.78%203.19m-9.87-1.85l-15.85-20.32a27.85%2027.85%200%200%200-35.81-6.33l-54.82%2032.73a4%204%200%200%201-3.44.32L68%2076.31l-5.66%202.14a4%204%200%200%200-1%206.62a1%201%200%200%200%20.11.11l29.35%2028.49a4%204%200%200%201-.72%206.29l-32.22%2019.48a4%204%200%200%201-3.35.37l-30.23-10.2l-1.67.82l-.18.09a4%204%200%200%200-1.16%206.59l36.15%2035.39a27.82%2027.82%200%200%200%2033.16%203.72Z%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%22M172%20216a4%204%200%200%201-4%204H24a4%204%200%200%201%200-8h144a4%204%200%200%201%204%204m71.93-123.59a4%204%200%200%201-1.88%202.7l-147.41%2088a36.15%2036.15%200%200%201-18.2%204.95a35.78%2035.78%200%200%201-24.55-9.79l-36.16-35.38a12%2012%200%200%201%203.44-19.68l3.07-1.5a4%204%200%200%201%203-.2l30%2010.13L81.5%20115.8L55.91%2091a12%2012%200%200%201%203.36-19.89l.16-.06l7.15-2.71a4%204%200%200%201%202.8%200l55.73%2020.46L178.32%2057a35.83%2035.83%200%200%201%2046.14%208.22l18.69%2024a4%204%200%200%201%20.78%203.19m-9.87-1.85l-15.85-20.32a27.85%2027.85%200%200%200-35.81-6.33l-54.82%2032.73a4%204%200%200%201-3.44.32L68%2076.31l-5.66%202.14a4%204%200%200%200-1%206.62a1%201%200%200%200%20.11.11l29.35%2028.49a4%204%200%200%201-.72%206.29l-32.22%2019.48a4%204%200%200%201-3.35.37l-30.23-10.2l-1.67.82l-.18.09a4%204%200%200%200-1.16%206.59l36.15%2035.39a27.82%2027.82%200%200%200%2033.16%203.72Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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