airplane icon
airplane-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- airplane-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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
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="M233.79 132.42L156 93.53V48a28 28 0 0 0-56 0v45.53l-77.79 38.89A4 4 0 0 0 20 136v32a4 4 0 0 0 4.78 3.92l75.22-15v25.46l-14.83 14.79A4 4 0 0 0 84 200v32a4 4 0 0 0 5.49 3.71l38.51-15.4l38.51 15.4a3.9 3.9 0 0 0 1.49.29a3.94 3.94 0 0 0 2.24-.69A4 4 0 0 0 172 232v-32a4 4 0 0 0-1.17-2.83L156 182.34v-25.46l75.22 15A4 4 0 0 0 236 168v-32a4 4 0 0 0-2.21-3.58m-5.79 30.7l-75.22-15A4 4 0 0 0 148 152v32a4 4 0 0 0 1.17 2.83L164 201.66v24.43l-34.51-13.8a4 4 0 0 0-3 0L92 226.09v-24.43l14.83-14.83A4 4 0 0 0 108 184v-32a4 4 0 0 0-4.78-3.92L28 163.12v-24.65l77.79-38.89A4 4 0 0 0 108 96V48a20 20 0 0 1 40 0v48a4 4 0 0 0 2.21 3.58L228 138.47Z"/></svg>
React
import type { SVGProps } from "react";
export function PhAirplaneThin(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="M233.79 132.42L156 93.53V48a28 28 0 0 0-56 0v45.53l-77.79 38.89A4 4 0 0 0 20 136v32a4 4 0 0 0 4.78 3.92l75.22-15v25.46l-14.83 14.79A4 4 0 0 0 84 200v32a4 4 0 0 0 5.49 3.71l38.51-15.4l38.51 15.4a3.9 3.9 0 0 0 1.49.29a3.94 3.94 0 0 0 2.24-.69A4 4 0 0 0 172 232v-32a4 4 0 0 0-1.17-2.83L156 182.34v-25.46l75.22 15A4 4 0 0 0 236 168v-32a4 4 0 0 0-2.21-3.58m-5.79 30.7l-75.22-15A4 4 0 0 0 148 152v32a4 4 0 0 0 1.17 2.83L164 201.66v24.43l-34.51-13.8a4 4 0 0 0-3 0L92 226.09v-24.43l14.83-14.83A4 4 0 0 0 108 184v-32a4 4 0 0 0-4.78-3.92L28 163.12v-24.65l77.79-38.89A4 4 0 0 0 108 96V48a20 20 0 0 1 40 0v48a4 4 0 0 0 2.21 3.58L228 138.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="M233.79 132.42L156 93.53V48a28 28 0 0 0-56 0v45.53l-77.79 38.89A4 4 0 0 0 20 136v32a4 4 0 0 0 4.78 3.92l75.22-15v25.46l-14.83 14.79A4 4 0 0 0 84 200v32a4 4 0 0 0 5.49 3.71l38.51-15.4l38.51 15.4a3.9 3.9 0 0 0 1.49.29a3.94 3.94 0 0 0 2.24-.69A4 4 0 0 0 172 232v-32a4 4 0 0 0-1.17-2.83L156 182.34v-25.46l75.22 15A4 4 0 0 0 236 168v-32a4 4 0 0 0-2.21-3.58m-5.79 30.7l-75.22-15A4 4 0 0 0 148 152v32a4 4 0 0 0 1.17 2.83L164 201.66v24.43l-34.51-13.8a4 4 0 0 0-3 0L92 226.09v-24.43l14.83-14.83A4 4 0 0 0 108 184v-32a4 4 0 0 0-4.78-3.92L28 163.12v-24.65l77.79-38.89A4 4 0 0 0 108 96V48a20 20 0 0 1 40 0v48a4 4 0 0 0 2.21 3.58L228 138.47Z"/></svg> </template>
CSS
.icon-airplane-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%22M233.79%20132.42L156%2093.53V48a28%2028%200%200%200-56%200v45.53l-77.79%2038.89A4%204%200%200%200%2020%20136v32a4%204%200%200%200%204.78%203.92l75.22-15v25.46l-14.83%2014.79A4%204%200%200%200%2084%20200v32a4%204%200%200%200%205.49%203.71l38.51-15.4l38.51%2015.4a3.9%203.9%200%200%200%201.49.29a3.94%203.94%200%200%200%202.24-.69A4%204%200%200%200%20172%20232v-32a4%204%200%200%200-1.17-2.83L156%20182.34v-25.46l75.22%2015A4%204%200%200%200%20236%20168v-32a4%204%200%200%200-2.21-3.58m-5.79%2030.7l-75.22-15A4%204%200%200%200%20148%20152v32a4%204%200%200%200%201.17%202.83L164%20201.66v24.43l-34.51-13.8a4%204%200%200%200-3%200L92%20226.09v-24.43l14.83-14.83A4%204%200%200%200%20108%20184v-32a4%204%200%200%200-4.78-3.92L28%20163.12v-24.65l77.79-38.89A4%204%200%200%200%20108%2096V48a20%2020%200%200%201%2040%200v48a4%204%200%200%200%202.21%203.58L228%20138.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%22M233.79%20132.42L156%2093.53V48a28%2028%200%200%200-56%200v45.53l-77.79%2038.89A4%204%200%200%200%2020%20136v32a4%204%200%200%200%204.78%203.92l75.22-15v25.46l-14.83%2014.79A4%204%200%200%200%2084%20200v32a4%204%200%200%200%205.49%203.71l38.51-15.4l38.51%2015.4a3.9%203.9%200%200%200%201.49.29a3.94%203.94%200%200%200%202.24-.69A4%204%200%200%200%20172%20232v-32a4%204%200%200%200-1.17-2.83L156%20182.34v-25.46l75.22%2015A4%204%200%200%200%20236%20168v-32a4%204%200%200%200-2.21-3.58m-5.79%2030.7l-75.22-15A4%204%200%200%200%20148%20152v32a4%204%200%200%200%201.17%202.83L164%20201.66v24.43l-34.51-13.8a4%204%200%200%200-3%200L92%20226.09v-24.43l14.83-14.83A4%204%200%200%200%20108%20184v-32a4%204%200%200%200-4.78-3.92L28%20163.12v-24.65l77.79-38.89A4%204%200%200%200%20108%2096V48a20%2020%200%200%201%2040%200v48a4%204%200%200%200%202.21%203.58L228%20138.47Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/airplane-thin.svg?color=%231a73e8&size=48
