aeroplane icon

aeroplane-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: aeroplane-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

Use the aeroplane icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.72 14.621a.8.8 0 0 1-.19.35a.7.7 0 0 1-.33.21a.8.8 0 0 1-.4 0l-5.81-1.46l-.27 4.8l1.06.8a.22.22 0 0 1 .1.2v1.75a.27.27 0 0 1-.09.2a.3.3 0 0 1-.16 0h-.06l-2.57-.69l-2.56.69a.25.25 0 0 1-.31-.24v-1.75a.25.25 0 0 1 .1-.2l1.06-.8l-.27-4.8l-5.81 1.46a.73.73 0 0 1-.39 0a.75.75 0 0 1-.34-.21a.73.73 0 0 1-.18-.35a.65.65 0 0 1 0-.39l.52-1.55a.6.6 0 0 1 .15-.27a.8.8 0 0 1 .27-.18l5.75-2.47v-5.23a2 2 0 0 1 .58-1.41a2.06 2.06 0 0 1 2.83 0a2 2 0 0 1 .58 1.42v5.22l5.76 2.47a.74.74 0 0 1 .42.45l.52 1.54a.9.9 0 0 1 .04.44"/></svg>

React

import type { SVGProps } from "react";

export function MageAeroplaneFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.72 14.621a.8.8 0 0 1-.19.35a.7.7 0 0 1-.33.21a.8.8 0 0 1-.4 0l-5.81-1.46l-.27 4.8l1.06.8a.22.22 0 0 1 .1.2v1.75a.27.27 0 0 1-.09.2a.3.3 0 0 1-.16 0h-.06l-2.57-.69l-2.56.69a.25.25 0 0 1-.31-.24v-1.75a.25.25 0 0 1 .1-.2l1.06-.8l-.27-4.8l-5.81 1.46a.73.73 0 0 1-.39 0a.75.75 0 0 1-.34-.21a.73.73 0 0 1-.18-.35a.65.65 0 0 1 0-.39l.52-1.55a.6.6 0 0 1 .15-.27a.8.8 0 0 1 .27-.18l5.75-2.47v-5.23a2 2 0 0 1 .58-1.41a2.06 2.06 0 0 1 2.83 0a2 2 0 0 1 .58 1.42v5.22l5.76 2.47a.74.74 0 0 1 .42.45l.52 1.54a.9.9 0 0 1 .04.44"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.72 14.621a.8.8 0 0 1-.19.35a.7.7 0 0 1-.33.21a.8.8 0 0 1-.4 0l-5.81-1.46l-.27 4.8l1.06.8a.22.22 0 0 1 .1.2v1.75a.27.27 0 0 1-.09.2a.3.3 0 0 1-.16 0h-.06l-2.57-.69l-2.56.69a.25.25 0 0 1-.31-.24v-1.75a.25.25 0 0 1 .1-.2l1.06-.8l-.27-4.8l-5.81 1.46a.73.73 0 0 1-.39 0a.75.75 0 0 1-.34-.21a.73.73 0 0 1-.18-.35a.65.65 0 0 1 0-.39l.52-1.55a.6.6 0 0 1 .15-.27a.8.8 0 0 1 .27-.18l5.75-2.47v-5.23a2 2 0 0 1 .58-1.41a2.06 2.06 0 0 1 2.83 0a2 2 0 0 1 .58 1.42v5.22l5.76 2.47a.74.74 0 0 1 .42.45l.52 1.54a.9.9 0 0 1 .04.44"/></svg>
</template>

CSS

.icon-aeroplane-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.72%2014.621a.8.8%200%200%201-.19.35a.7.7%200%200%201-.33.21a.8.8%200%200%201-.4%200l-5.81-1.46l-.27%204.8l1.06.8a.22.22%200%200%201%20.1.2v1.75a.27.27%200%200%201-.09.2a.3.3%200%200%201-.16%200h-.06l-2.57-.69l-2.56.69a.25.25%200%200%201-.31-.24v-1.75a.25.25%200%200%201%20.1-.2l1.06-.8l-.27-4.8l-5.81%201.46a.73.73%200%200%201-.39%200a.75.75%200%200%201-.34-.21a.73.73%200%200%201-.18-.35a.65.65%200%200%201%200-.39l.52-1.55a.6.6%200%200%201%20.15-.27a.8.8%200%200%201%20.27-.18l5.75-2.47v-5.23a2%202%200%200%201%20.58-1.41a2.06%202.06%200%200%201%202.83%200a2%202%200%200%201%20.58%201.42v5.22l5.76%202.47a.74.74%200%200%201%20.42.45l.52%201.54a.9.9%200%200%201%20.04.44%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.72%2014.621a.8.8%200%200%201-.19.35a.7.7%200%200%201-.33.21a.8.8%200%200%201-.4%200l-5.81-1.46l-.27%204.8l1.06.8a.22.22%200%200%201%20.1.2v1.75a.27.27%200%200%201-.09.2a.3.3%200%200%201-.16%200h-.06l-2.57-.69l-2.56.69a.25.25%200%200%201-.31-.24v-1.75a.25.25%200%200%201%20.1-.2l1.06-.8l-.27-4.8l-5.81%201.46a.73.73%200%200%201-.39%200a.75.75%200%200%201-.34-.21a.73.73%200%200%201-.18-.35a.65.65%200%200%201%200-.39l.52-1.55a.6.6%200%200%201%20.15-.27a.8.8%200%200%201%20.27-.18l5.75-2.47v-5.23a2%202%200%200%201%20.58-1.41a2.06%202.06%200%200%201%202.83%200a2%202%200%200%201%20.58%201.42v5.22l5.76%202.47a.74.74%200%200%201%20.42.45l.52%201.54a.9.9%200%200%201%20.04.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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