in flight icon
in-flight from IconPark by ByteDance · Color · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- in-flight
- 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 in flight 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-width="4"><path d="M12 40C12 32.8203 17.3726 27 24 27C30.6274 27 36 32.8203 36 40"/><path d="M13 37C13 38 15.5 39 17 38C18.5 37 18.9597 34.495 20.4997 34.9262C22.0396 35.3574 22 38.5 24 40C26 41.5 29.5 41 31 38.5C32.5 36 30.9207 35.325 32.0612 33.7031C32.8215 32.6219 33.7919 32.8871 34 33"/><path stroke-linejoin="round" d="M23 21H25"/><path stroke-linejoin="round" d="M32.1514 22.4702L33.8475 23.53"/><path stroke-linejoin="round" d="M14.1514 23.53L15.8475 22.4701"/><path stroke-linejoin="round" d="M39.0586 28.134L40.0586 29.8661"/><path stroke-linejoin="round" d="M8.05859 29.8661L9.05859 28.134"/><path stroke-linejoin="round" d="M41.8945 37.0056L42.1036 38.9946"/><path stroke-linejoin="round" d="M4.89453 38.9946L5.10359 37.0056"/><path d="M42.0003 10L9 18"/><path fill="#2F88FF" stroke-linejoin="round" d="M16 7L29 13L17 16L12 9L16 7Z"/><path stroke-linejoin="round" d="M9 18L6 14"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkInFlight(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" strokeWidth="4"><path d="M12 40C12 32.8203 17.3726 27 24 27C30.6274 27 36 32.8203 36 40"/><path d="M13 37C13 38 15.5 39 17 38C18.5 37 18.9597 34.495 20.4997 34.9262C22.0396 35.3574 22 38.5 24 40C26 41.5 29.5 41 31 38.5C32.5 36 30.9207 35.325 32.0612 33.7031C32.8215 32.6219 33.7919 32.8871 34 33"/><path strokeLinejoin="round" d="M23 21H25"/><path strokeLinejoin="round" d="M32.1514 22.4702L33.8475 23.53"/><path strokeLinejoin="round" d="M14.1514 23.53L15.8475 22.4701"/><path strokeLinejoin="round" d="M39.0586 28.134L40.0586 29.8661"/><path strokeLinejoin="round" d="M8.05859 29.8661L9.05859 28.134"/><path strokeLinejoin="round" d="M41.8945 37.0056L42.1036 38.9946"/><path strokeLinejoin="round" d="M4.89453 38.9946L5.10359 37.0056"/><path d="M42.0003 10L9 18"/><path fill="#2F88FF" strokeLinejoin="round" d="M16 7L29 13L17 16L12 9L16 7Z"/><path strokeLinejoin="round" d="M9 18L6 14"/></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-width="4"><path d="M12 40C12 32.8203 17.3726 27 24 27C30.6274 27 36 32.8203 36 40"/><path d="M13 37C13 38 15.5 39 17 38C18.5 37 18.9597 34.495 20.4997 34.9262C22.0396 35.3574 22 38.5 24 40C26 41.5 29.5 41 31 38.5C32.5 36 30.9207 35.325 32.0612 33.7031C32.8215 32.6219 33.7919 32.8871 34 33"/><path stroke-linejoin="round" d="M23 21H25"/><path stroke-linejoin="round" d="M32.1514 22.4702L33.8475 23.53"/><path stroke-linejoin="round" d="M14.1514 23.53L15.8475 22.4701"/><path stroke-linejoin="round" d="M39.0586 28.134L40.0586 29.8661"/><path stroke-linejoin="round" d="M8.05859 29.8661L9.05859 28.134"/><path stroke-linejoin="round" d="M41.8945 37.0056L42.1036 38.9946"/><path stroke-linejoin="round" d="M4.89453 38.9946L5.10359 37.0056"/><path d="M42.0003 10L9 18"/><path fill="#2F88FF" stroke-linejoin="round" d="M16 7L29 13L17 16L12 9L16 7Z"/><path stroke-linejoin="round" d="M9 18L6 14"/></g></svg> </template>
CSS
.icon-in-flight {
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-width%3D%224%22%3E%3Cpath%20d%3D%22M12%2040C12%2032.8203%2017.3726%2027%2024%2027C30.6274%2027%2036%2032.8203%2036%2040%22%2F%3E%3Cpath%20d%3D%22M13%2037C13%2038%2015.5%2039%2017%2038C18.5%2037%2018.9597%2034.495%2020.4997%2034.9262C22.0396%2035.3574%2022%2038.5%2024%2040C26%2041.5%2029.5%2041%2031%2038.5C32.5%2036%2030.9207%2035.325%2032.0612%2033.7031C32.8215%2032.6219%2033.7919%2032.8871%2034%2033%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M23%2021H25%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M32.1514%2022.4702L33.8475%2023.53%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M14.1514%2023.53L15.8475%2022.4701%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M39.0586%2028.134L40.0586%2029.8661%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M8.05859%2029.8661L9.05859%2028.134%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M41.8945%2037.0056L42.1036%2038.9946%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M4.89453%2038.9946L5.10359%2037.0056%22%2F%3E%3Cpath%20d%3D%22M42.0003%2010L9%2018%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16%207L29%2013L17%2016L12%209L16%207Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2018L6%2014%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-width%3D%224%22%3E%3Cpath%20d%3D%22M12%2040C12%2032.8203%2017.3726%2027%2024%2027C30.6274%2027%2036%2032.8203%2036%2040%22%2F%3E%3Cpath%20d%3D%22M13%2037C13%2038%2015.5%2039%2017%2038C18.5%2037%2018.9597%2034.495%2020.4997%2034.9262C22.0396%2035.3574%2022%2038.5%2024%2040C26%2041.5%2029.5%2041%2031%2038.5C32.5%2036%2030.9207%2035.325%2032.0612%2033.7031C32.8215%2032.6219%2033.7919%2032.8871%2034%2033%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M23%2021H25%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M32.1514%2022.4702L33.8475%2023.53%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M14.1514%2023.53L15.8475%2022.4701%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M39.0586%2028.134L40.0586%2029.8661%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M8.05859%2029.8661L9.05859%2028.134%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M41.8945%2037.0056L42.1036%2038.9946%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M4.89453%2038.9946L5.10359%2037.0056%22%2F%3E%3Cpath%20d%3D%22M42.0003%2010L9%2018%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16%207L29%2013L17%2016L12%209L16%207Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2018L6%2014%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/in-flight.svg?color=%231a73e8&size=48
