airplane icon

airplane from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name
airplane
Set
Phosphor
Style
Regular
Viewbox
256×256
License
MIT

5 other variants in Phosphor

airplane-boldairplane-duotoneairplane-fillairplane-lightairplane-thin

The same icon in other sets

airplaneBootstrap IconsairplaneEmoji One (Colored)airplaneFramework7 Iconsairplane-16-filledFluent UI System IconsairplaneFluent EmojiairplaneFluent Emoji FlatairplaneFluent Emoji High Contrastairplanecss.ggairplaneIconoirairplaneIonIconsairplaneMajesticonsairplaneMaterial Design Iconsairplane-fillMingCute IconairplaneNoto EmojiairplaneOpenMojiairplaneStreamline EmojisairplaneTwitter Emoji

Related icons in Phosphor

airplane-in-flightairplane-landingairplane-takeoffairplane-taxiingairplane-tilt

Use the airplane icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M235.58 128.84L160 91.06V48a32 32 0 0 0-64 0v43.06l-75.58 37.78A8 8 0 0 0 16 136v32a8 8 0 0 0 9.57 7.84L96 161.76v18.93l-13.66 13.65A8 8 0 0 0 80 200v32a8 8 0 0 0 11 7.43l37-14.81l37 14.81a8 8 0 0 0 11-7.43v-32a8 8 0 0 0-2.34-5.66L160 180.69v-18.93l70.43 14.08A8 8 0 0 0 240 168v-32a8 8 0 0 0-4.42-7.16M224 158.24l-70.43-14.08A8 8 0 0 0 144 152v32a8 8 0 0 0 2.34 5.66L160 203.31v16.87l-29-11.61a8 8 0 0 0-5.94 0L96 220.18v-16.87l13.66-13.65A8 8 0 0 0 112 184v-32a8 8 0 0 0-9.57-7.84L32 158.24v-17.3l75.58-37.78A8 8 0 0 0 112 96V48a16 16 0 0 1 32 0v48a8 8 0 0 0 4.42 7.16L224 140.94Z"/></svg>

React

import type { SVGProps } from "react";

export function PhAirplane(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="M235.58 128.84L160 91.06V48a32 32 0 0 0-64 0v43.06l-75.58 37.78A8 8 0 0 0 16 136v32a8 8 0 0 0 9.57 7.84L96 161.76v18.93l-13.66 13.65A8 8 0 0 0 80 200v32a8 8 0 0 0 11 7.43l37-14.81l37 14.81a8 8 0 0 0 11-7.43v-32a8 8 0 0 0-2.34-5.66L160 180.69v-18.93l70.43 14.08A8 8 0 0 0 240 168v-32a8 8 0 0 0-4.42-7.16M224 158.24l-70.43-14.08A8 8 0 0 0 144 152v32a8 8 0 0 0 2.34 5.66L160 203.31v16.87l-29-11.61a8 8 0 0 0-5.94 0L96 220.18v-16.87l13.66-13.65A8 8 0 0 0 112 184v-32a8 8 0 0 0-9.57-7.84L32 158.24v-17.3l75.58-37.78A8 8 0 0 0 112 96V48a16 16 0 0 1 32 0v48a8 8 0 0 0 4.42 7.16L224 140.94Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M235.58 128.84L160 91.06V48a32 32 0 0 0-64 0v43.06l-75.58 37.78A8 8 0 0 0 16 136v32a8 8 0 0 0 9.57 7.84L96 161.76v18.93l-13.66 13.65A8 8 0 0 0 80 200v32a8 8 0 0 0 11 7.43l37-14.81l37 14.81a8 8 0 0 0 11-7.43v-32a8 8 0 0 0-2.34-5.66L160 180.69v-18.93l70.43 14.08A8 8 0 0 0 240 168v-32a8 8 0 0 0-4.42-7.16M224 158.24l-70.43-14.08A8 8 0 0 0 144 152v32a8 8 0 0 0 2.34 5.66L160 203.31v16.87l-29-11.61a8 8 0 0 0-5.94 0L96 220.18v-16.87l13.66-13.65A8 8 0 0 0 112 184v-32a8 8 0 0 0-9.57-7.84L32 158.24v-17.3l75.58-37.78A8 8 0 0 0 112 96V48a16 16 0 0 1 32 0v48a8 8 0 0 0 4.42 7.16L224 140.94Z"/></svg>
</template>

CSS

.icon-airplane {
  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%22M235.58%20128.84L160%2091.06V48a32%2032%200%200%200-64%200v43.06l-75.58%2037.78A8%208%200%200%200%2016%20136v32a8%208%200%200%200%209.57%207.84L96%20161.76v18.93l-13.66%2013.65A8%208%200%200%200%2080%20200v32a8%208%200%200%200%2011%207.43l37-14.81l37%2014.81a8%208%200%200%200%2011-7.43v-32a8%208%200%200%200-2.34-5.66L160%20180.69v-18.93l70.43%2014.08A8%208%200%200%200%20240%20168v-32a8%208%200%200%200-4.42-7.16M224%20158.24l-70.43-14.08A8%208%200%200%200%20144%20152v32a8%208%200%200%200%202.34%205.66L160%20203.31v16.87l-29-11.61a8%208%200%200%200-5.94%200L96%20220.18v-16.87l13.66-13.65A8%208%200%200%200%20112%20184v-32a8%208%200%200%200-9.57-7.84L32%20158.24v-17.3l75.58-37.78A8%208%200%200%200%20112%2096V48a16%2016%200%200%201%2032%200v48a8%208%200%200%200%204.42%207.16L224%20140.94Z%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%22M235.58%20128.84L160%2091.06V48a32%2032%200%200%200-64%200v43.06l-75.58%2037.78A8%208%200%200%200%2016%20136v32a8%208%200%200%200%209.57%207.84L96%20161.76v18.93l-13.66%2013.65A8%208%200%200%200%2080%20200v32a8%208%200%200%200%2011%207.43l37-14.81l37%2014.81a8%208%200%200%200%2011-7.43v-32a8%208%200%200%200-2.34-5.66L160%20180.69v-18.93l70.43%2014.08A8%208%200%200%200%20240%20168v-32a8%208%200%200%200-4.42-7.16M224%20158.24l-70.43-14.08A8%208%200%200%200%20144%20152v32a8%208%200%200%200%202.34%205.66L160%20203.31v16.87l-29-11.61a8%208%200%200%200-5.94%200L96%20220.18v-16.87l13.66-13.65A8%208%200%200%200%20112%20184v-32a8%208%200%200%200-9.57-7.84L32%20158.24v-17.3l75.58-37.78A8%208%200%200%200%20112%2096V48a16%2016%200%200%201%2032%200v48a8%208%200%200%200%204.42%207.16L224%20140.94Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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