airplane in flight icon

airplane-in-flight-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.

Name: airplane-in-flight-duotone
Set: Phosphor
Style: Duotone
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

airplane-in-flight airplane-in-flight-bold airplane-in-flight-fill airplane-in-flight-light airplane-in-flight-thin

Related icons in Phosphor

airplane-landing airplane-takeoff airplane-taxiing airplane-tilt

Use the airplane in flight icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M240 136v24H61.06a32 32 0 0 1-30.65-22.8L16.34 90.3A8 8 0 0 1 24 80h8l24 24h36.91L80.42 66.53A8 8 0 0 1 88 56h8l48 48h64a32 32 0 0 1 32 32" opacity=".2"/><path d="M224 216a8 8 0 0 1-8 8H72a8 8 0 1 1 0-16h144a8 8 0 0 1 8 8m24-80v24a8 8 0 0 1-8 8H61.07a39.75 39.75 0 0 1-38.31-28.51L8.69 92.6A16 16 0 0 1 24 72h8a8 8 0 0 1 5.65 2.34L59.32 96h22.49l-9-26.94A16 16 0 0 1 88 48h8a8 8 0 0 1 5.66 2.34L147.32 96H208a40 40 0 0 1 40 40m-16 0a24 24 0 0 0-24-24h-64a8 8 0 0 1-5.65-2.34L92.69 64H88l12.49 37.47A8 8 0 0 1 92.91 112H56a8 8 0 0 1-5.66-2.34L28.69 88H24l14.07 46.9a23.85 23.85 0 0 0 23 17.1H232Z"/></g></svg>

React

import type { SVGProps } from "react";

export function PhAirplaneInFlightDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M240 136v24H61.06a32 32 0 0 1-30.65-22.8L16.34 90.3A8 8 0 0 1 24 80h8l24 24h36.91L80.42 66.53A8 8 0 0 1 88 56h8l48 48h64a32 32 0 0 1 32 32" opacity=".2"/><path d="M224 216a8 8 0 0 1-8 8H72a8 8 0 1 1 0-16h144a8 8 0 0 1 8 8m24-80v24a8 8 0 0 1-8 8H61.07a39.75 39.75 0 0 1-38.31-28.51L8.69 92.6A16 16 0 0 1 24 72h8a8 8 0 0 1 5.65 2.34L59.32 96h22.49l-9-26.94A16 16 0 0 1 88 48h8a8 8 0 0 1 5.66 2.34L147.32 96H208a40 40 0 0 1 40 40m-16 0a24 24 0 0 0-24-24h-64a8 8 0 0 1-5.65-2.34L92.69 64H88l12.49 37.47A8 8 0 0 1 92.91 112H56a8 8 0 0 1-5.66-2.34L28.69 88H24l14.07 46.9a23.85 23.85 0 0 0 23 17.1H232Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M240 136v24H61.06a32 32 0 0 1-30.65-22.8L16.34 90.3A8 8 0 0 1 24 80h8l24 24h36.91L80.42 66.53A8 8 0 0 1 88 56h8l48 48h64a32 32 0 0 1 32 32" opacity=".2"/><path d="M224 216a8 8 0 0 1-8 8H72a8 8 0 1 1 0-16h144a8 8 0 0 1 8 8m24-80v24a8 8 0 0 1-8 8H61.07a39.75 39.75 0 0 1-38.31-28.51L8.69 92.6A16 16 0 0 1 24 72h8a8 8 0 0 1 5.65 2.34L59.32 96h22.49l-9-26.94A16 16 0 0 1 88 48h8a8 8 0 0 1 5.66 2.34L147.32 96H208a40 40 0 0 1 40 40m-16 0a24 24 0 0 0-24-24h-64a8 8 0 0 1-5.65-2.34L92.69 64H88l12.49 37.47A8 8 0 0 1 92.91 112H56a8 8 0 0 1-5.66-2.34L28.69 88H24l14.07 46.9a23.85 23.85 0 0 0 23 17.1H232Z"/></g></svg>
</template>

CSS

.icon-airplane-in-flight-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M240%20136v24H61.06a32%2032%200%200%201-30.65-22.8L16.34%2090.3A8%208%200%200%201%2024%2080h8l24%2024h36.91L80.42%2066.53A8%208%200%200%201%2088%2056h8l48%2048h64a32%2032%200%200%201%2032%2032%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M224%20216a8%208%200%200%201-8%208H72a8%208%200%201%201%200-16h144a8%208%200%200%201%208%208m24-80v24a8%208%200%200%201-8%208H61.07a39.75%2039.75%200%200%201-38.31-28.51L8.69%2092.6A16%2016%200%200%201%2024%2072h8a8%208%200%200%201%205.65%202.34L59.32%2096h22.49l-9-26.94A16%2016%200%200%201%2088%2048h8a8%208%200%200%201%205.66%202.34L147.32%2096H208a40%2040%200%200%201%2040%2040m-16%200a24%2024%200%200%200-24-24h-64a8%208%200%200%201-5.65-2.34L92.69%2064H88l12.49%2037.47A8%208%200%200%201%2092.91%20112H56a8%208%200%200%201-5.66-2.34L28.69%2088H24l14.07%2046.9a23.85%2023.85%200%200%200%2023%2017.1H232Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M240%20136v24H61.06a32%2032%200%200%201-30.65-22.8L16.34%2090.3A8%208%200%200%201%2024%2080h8l24%2024h36.91L80.42%2066.53A8%208%200%200%201%2088%2056h8l48%2048h64a32%2032%200%200%201%2032%2032%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M224%20216a8%208%200%200%201-8%208H72a8%208%200%201%201%200-16h144a8%208%200%200%201%208%208m24-80v24a8%208%200%200%201-8%208H61.07a39.75%2039.75%200%200%201-38.31-28.51L8.69%2092.6A16%2016%200%200%201%2024%2072h8a8%208%200%200%201%205.65%202.34L59.32%2096h22.49l-9-26.94A16%2016%200%200%201%2088%2048h8a8%208%200%200%201%205.66%202.34L147.32%2096H208a40%2040%200%200%201%2040%2040m-16%200a24%2024%200%200%200-24-24h-64a8%208%200%200%201-5.65-2.34L92.69%2064H88l12.49%2037.47A8%208%200%200%201%2092.91%20112H56a8%208%200%200%201-5.66-2.34L28.69%2088H24l14.07%2046.9a23.85%2023.85%200%200%200%2023%2017.1H232Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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