airplane takeoff icon

airplane-takeoff from Material Design Icons by Pictogrammers · Filled · Transportation + Flying · Apache-2.0 Free for personal and commercial use.

Name: airplane-takeoff
Set: Material Design Icons
Style: Filled
Category: Transportation + Flying
Viewbox: 24×24
License: Apache 2.0
Aliases: aeroplane-takeoff, airplane-take-off, flight-takeoff, plane-takeoff

The same icon in other sets

airplane-takeoffPhosphor

More transportation + flying icons from Material Design Icons

Use the airplane takeoff icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 19h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92 10L8 3.57l-1.91.51l4.14 7.17l-4.97 1.33l-1.97-1.54l-1.45.39l1.82 3.16l.77 1.33l1.6-.42l5.31-1.43l4.35-1.16L21 11.5c.81-.24 1.28-1.06 1.07-1.86"/></svg>

React

import type { SVGProps } from "react";

export function MdiAirplaneTakeoff(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="M2.5 19h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92 10L8 3.57l-1.91.51l4.14 7.17l-4.97 1.33l-1.97-1.54l-1.45.39l1.82 3.16l.77 1.33l1.6-.42l5.31-1.43l4.35-1.16L21 11.5c.81-.24 1.28-1.06 1.07-1.86"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 19h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92 10L8 3.57l-1.91.51l4.14 7.17l-4.97 1.33l-1.97-1.54l-1.45.39l1.82 3.16l.77 1.33l1.6-.42l5.31-1.43l4.35-1.16L21 11.5c.81-.24 1.28-1.06 1.07-1.86"/></svg>
</template>

CSS

.icon-airplane-takeoff {
  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%22M2.5%2019h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92%2010L8%203.57l-1.91.51l4.14%207.17l-4.97%201.33l-1.97-1.54l-1.45.39l1.82%203.16l.77%201.33l1.6-.42l5.31-1.43l4.35-1.16L21%2011.5c.81-.24%201.28-1.06%201.07-1.86%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%22M2.5%2019h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92%2010L8%203.57l-1.91.51l4.14%207.17l-4.97%201.33l-1.97-1.54l-1.45.39l1.82%203.16l.77%201.33l1.6-.42l5.31-1.43l4.35-1.16L21%2011.5c.81-.24%201.28-1.06%201.07-1.86%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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