take off icon
take-off from IconPark by ByteDance · Color · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- take-off
- Set
- IconPark
- Style
- Color
- Category
- Travel
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More travel icons from IconPark
Use the take off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function IconParkTakeOff(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-take-off {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M22%2029L13.7763%2033.1118C12.6994%2033.6503%2011.4049%2033.4927%2010.4886%2032.7117L4%2027.1808L7.56226%2025.8157C8.19869%2025.5718%208.8992%2025.5519%209.54846%2025.7592L12.8273%2026.8063C13.5787%2027.0463%2014.3944%2026.9807%2015.0977%2026.6237L37.36%2015.3248C37.7807%2015.1113%2038.2459%2015%2038.7177%2015H44L42.4472%2018.1056C42.1569%2018.6862%2041.6862%2019.1569%2041.1056%2019.4472L32%2024%22%2F%3E%3Cpath%20d%3D%22M22.0007%2029L18.0003%2031L23.0003%2041L32.0003%2024%22%2F%3E%3Cpath%20d%3D%22M17%2025L12%2016L28%2020%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M22%2029L13.7763%2033.1118C12.6994%2033.6503%2011.4049%2033.4927%2010.4886%2032.7117L4%2027.1808L7.56226%2025.8157C8.19869%2025.5718%208.8992%2025.5519%209.54846%2025.7592L12.8273%2026.8063C13.5787%2027.0463%2014.3944%2026.9807%2015.0977%2026.6237L37.36%2015.3248C37.7807%2015.1113%2038.2459%2015%2038.7177%2015H44L42.4472%2018.1056C42.1569%2018.6862%2041.6862%2019.1569%2041.1056%2019.4472L32%2024%22%2F%3E%3Cpath%20d%3D%22M22.0007%2029L18.0003%2031L23.0003%2041L32.0003%2024%22%2F%3E%3Cpath%20d%3D%22M17%2025L12%2016L28%2020%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/take-off.svg?color=%231a73e8&size=48
