plane takeoff icon

Free plane takeoff SVG icon, MIT licensed. Copy the SVG, install for React/Vue/Angular, or download. Part of the Softicons commerce set.

Setup guide

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
     fill="none" stroke="currentColor" stroke-width="2"
     stroke-linecap="round" stroke-linejoin="round">
  <path d="M2 22h20"/>
  <path d="M6.36 17.4 4 17l-2-4 1.1-.55a2 2 0 0 1 1.8 0l.17.1a2 2 0 0 0 1.8 0L8 12 5 6l.9-.45a2 2 0 0 1 2.09.2l4.02 3a2 2 0 0 0 2.1.2l4.19-2.06a2.41 2.41 0 0 1 1.73-.17L21 7a1.4 1.4 0 0 1 .87 1.99l-.38.76c-.23.46-.6.84-1.07 1.08L7.58 17.2a2 2 0 0 1-1.22.18Z"/>
</svg>

<!-- via the CDN — no build step -->
<img src="https://cdn.softicons.dev/v1/icons/commerce/plane-takeoff.svg"
     width="24" height="24" alt="plane takeoff icon">

<!-- …or paste the raw SVG from the SVG tab -->

import { PlaneTakeoffIcon } from "@softicons/react";

export default function Example() {
  return <PlaneTakeoffIcon size={24} strokeWidth={2} />;
}

<script setup>
import { PlaneTakeoffIcon } from "@softicons/vue";
</script>

<template>
  <PlaneTakeoffIcon :size="24" :stroke-width="2" />
</template>

import { PlaneTakeoffIconComponent } from "@softicons/angular";

@Component({
  standalone: true,
  imports: [PlaneTakeoffIconComponent],
  template: `<plane-takeoff-icon [size]="24" [strokeWidth]="2" />`,
})
export class DemoComponent {}