Take Off icon
icon-park:take-off
The Take Off icon (icon-park:take-off) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Travel
- Tags
- takeoff
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M22 29L13.7763 33.1118C12.6994 33.6503 11.4049 33.4927 10.4886 32.7117L4 27.1808L7.56226 25.8157C8.19869 25.5718 8.8992 25.5519 9.54846 25.7592L12.8273 26.8063C13.5787 27.0463 14.3944 26.9807 15.0977 26.6237L37.36 15.3248C37.7807 15.1113 38.2459 15 38.7177 15H44L42.4472 18.1056C42.1569 18.6862 41.6862 19.1569 41.1056 19.4472L32 24"/><path d="M22.0007 29L18.0003 31L23.0003 41L32.0003 24"/><path d="M17 25L12 16L28 20"/></g></svg>
How to use the Take Off icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:take-off" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:take-off" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:take-off" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--take-off]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:take-off"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:take-off"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/take-off.svg" alt="Take Off icon" width="24" height="24">
Related icons in IconPark
Take Off icon in other icon sets
Take Off icon FAQ
Is the Take Off icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Take Off icon in React?
Install @iconify/react and render <Icon icon="icon-park:take-off" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Take Off icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/take-off.svg" alt="Take Off icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
