airplane in flight icon

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

Name: airplane-in-flight-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

airplane-in-flight airplane-in-flight-duotone 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"><path fill="currentColor" d="M228 216a12 12 0 0 1-12 12H72a12 12 0 0 1 0-24h144a12 12 0 0 1 12 12m24-80v24a12 12 0 0 1-12 12H61.07a43.72 43.72 0 0 1-42.14-31.36L4.86 93.75A20 20 0 0 1 24 68h8a12 12 0 0 1 8.48 3.51L61 92h15.27L69 70.32A20 20 0 0 1 88 44h8a12 12 0 0 1 8.48 3.51L149 92h59a44.05 44.05 0 0 1 44 44m-24 0a20 20 0 0 0-20-20h-64a12 12 0 0 1-8.48-3.51l-40.69-40.7l9.47 28.42A12 12 0 0 1 92.91 116H56a12 12 0 0 1-8.49-3.51L30.4 95.36l11.51 38.39A19.89 19.89 0 0 0 61.07 148H228Z"/></svg>

React

import type { SVGProps } from "react";

export function PhAirplaneInFlightBold(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="M228 216a12 12 0 0 1-12 12H72a12 12 0 0 1 0-24h144a12 12 0 0 1 12 12m24-80v24a12 12 0 0 1-12 12H61.07a43.72 43.72 0 0 1-42.14-31.36L4.86 93.75A20 20 0 0 1 24 68h8a12 12 0 0 1 8.48 3.51L61 92h15.27L69 70.32A20 20 0 0 1 88 44h8a12 12 0 0 1 8.48 3.51L149 92h59a44.05 44.05 0 0 1 44 44m-24 0a20 20 0 0 0-20-20h-64a12 12 0 0 1-8.48-3.51l-40.69-40.7l9.47 28.42A12 12 0 0 1 92.91 116H56a12 12 0 0 1-8.49-3.51L30.4 95.36l11.51 38.39A19.89 19.89 0 0 0 61.07 148H228Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 216a12 12 0 0 1-12 12H72a12 12 0 0 1 0-24h144a12 12 0 0 1 12 12m24-80v24a12 12 0 0 1-12 12H61.07a43.72 43.72 0 0 1-42.14-31.36L4.86 93.75A20 20 0 0 1 24 68h8a12 12 0 0 1 8.48 3.51L61 92h15.27L69 70.32A20 20 0 0 1 88 44h8a12 12 0 0 1 8.48 3.51L149 92h59a44.05 44.05 0 0 1 44 44m-24 0a20 20 0 0 0-20-20h-64a12 12 0 0 1-8.48-3.51l-40.69-40.7l9.47 28.42A12 12 0 0 1 92.91 116H56a12 12 0 0 1-8.49-3.51L30.4 95.36l11.51 38.39A19.89 19.89 0 0 0 61.07 148H228Z"/></svg>
</template>

CSS

.icon-airplane-in-flight-bold {
  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%22M228%20216a12%2012%200%200%201-12%2012H72a12%2012%200%200%201%200-24h144a12%2012%200%200%201%2012%2012m24-80v24a12%2012%200%200%201-12%2012H61.07a43.72%2043.72%200%200%201-42.14-31.36L4.86%2093.75A20%2020%200%200%201%2024%2068h8a12%2012%200%200%201%208.48%203.51L61%2092h15.27L69%2070.32A20%2020%200%200%201%2088%2044h8a12%2012%200%200%201%208.48%203.51L149%2092h59a44.05%2044.05%200%200%201%2044%2044m-24%200a20%2020%200%200%200-20-20h-64a12%2012%200%200%201-8.48-3.51l-40.69-40.7l9.47%2028.42A12%2012%200%200%201%2092.91%20116H56a12%2012%200%200%201-8.49-3.51L30.4%2095.36l11.51%2038.39A19.89%2019.89%200%200%200%2061.07%20148H228Z%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%22M228%20216a12%2012%200%200%201-12%2012H72a12%2012%200%200%201%200-24h144a12%2012%200%200%201%2012%2012m24-80v24a12%2012%200%200%201-12%2012H61.07a43.72%2043.72%200%200%201-42.14-31.36L4.86%2093.75A20%2020%200%200%201%2024%2068h8a12%2012%200%200%201%208.48%203.51L61%2092h15.27L69%2070.32A20%2020%200%200%201%2088%2044h8a12%2012%200%200%201%208.48%203.51L149%2092h59a44.05%2044.05%200%200%201%2044%2044m-24%200a20%2020%200%200%200-20-20h-64a12%2012%200%200%201-8.48-3.51l-40.69-40.7l9.47%2028.42A12%2012%200%200%201%2092.91%20116H56a12%2012%200%200%201-8.49-3.51L30.4%2095.36l11.51%2038.39A19.89%2019.89%200%200%200%2061.07%20148H228Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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