airplane take off icon
airplane-take-off-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- airplane-take-off-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the airplane take off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.591 3.742c-.107.14-.204.279-.289.408c-.283.43-.667.745-1.099.858l-3.432.904l-.605-1.249C2.638 3.573 1 3.95 1 5.16V8c0 1.16 1.108 2 2.225 1.684l3.105-.875l-.312 1.408c-.357 1.607 1.76 2.532 2.697 1.18l3.106-4.481l2.232-.818q.076-.028.147-.064c.618-.307.978-1.033.713-1.705l-.008-.02a1.4 1.4 0 0 0-.16-.284l-.027-.039a7 7 0 0 0-.217-.28C13.875 2.93 12.854 2.008 11.503 2a2.7 2.7 0 0 0-.57.058c-.546.115-1.022.39-1.415.709a5.7 5.7 0 0 0-.91.953zM4.443 4.7l-.099-.128C3.532 3.525 4.28 2 5.605 2c.323 0 .637.097.903.28l1.274.873a9 9 0 0 0-.314.446c-.188.284-.387.408-.52.442zM1.5 14a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1z"/></svg>
React
import type { SVGProps } from "react";
export function FluentAirplaneTakeOff16Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.591 3.742c-.107.14-.204.279-.289.408c-.283.43-.667.745-1.099.858l-3.432.904l-.605-1.249C2.638 3.573 1 3.95 1 5.16V8c0 1.16 1.108 2 2.225 1.684l3.105-.875l-.312 1.408c-.357 1.607 1.76 2.532 2.697 1.18l3.106-4.481l2.232-.818q.076-.028.147-.064c.618-.307.978-1.033.713-1.705l-.008-.02a1.4 1.4 0 0 0-.16-.284l-.027-.039a7 7 0 0 0-.217-.28C13.875 2.93 12.854 2.008 11.503 2a2.7 2.7 0 0 0-.57.058c-.546.115-1.022.39-1.415.709a5.7 5.7 0 0 0-.91.953zM4.443 4.7l-.099-.128C3.532 3.525 4.28 2 5.605 2c.323 0 .637.097.903.28l1.274.873a9 9 0 0 0-.314.446c-.188.284-.387.408-.52.442zM1.5 14a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.591 3.742c-.107.14-.204.279-.289.408c-.283.43-.667.745-1.099.858l-3.432.904l-.605-1.249C2.638 3.573 1 3.95 1 5.16V8c0 1.16 1.108 2 2.225 1.684l3.105-.875l-.312 1.408c-.357 1.607 1.76 2.532 2.697 1.18l3.106-4.481l2.232-.818q.076-.028.147-.064c.618-.307.978-1.033.713-1.705l-.008-.02a1.4 1.4 0 0 0-.16-.284l-.027-.039a7 7 0 0 0-.217-.28C13.875 2.93 12.854 2.008 11.503 2a2.7 2.7 0 0 0-.57.058c-.546.115-1.022.39-1.415.709a5.7 5.7 0 0 0-.91.953zM4.443 4.7l-.099-.128C3.532 3.525 4.28 2 5.605 2c.323 0 .637.097.903.28l1.274.873a9 9 0 0 0-.314.446c-.188.284-.387.408-.52.442zM1.5 14a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1z"/></svg> </template>
CSS
.icon-airplane-take-off-16-filled {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.591%203.742c-.107.14-.204.279-.289.408c-.283.43-.667.745-1.099.858l-3.432.904l-.605-1.249C2.638%203.573%201%203.95%201%205.16V8c0%201.16%201.108%202%202.225%201.684l3.105-.875l-.312%201.408c-.357%201.607%201.76%202.532%202.697%201.18l3.106-4.481l2.232-.818q.076-.028.147-.064c.618-.307.978-1.033.713-1.705l-.008-.02a1.4%201.4%200%200%200-.16-.284l-.027-.039a7%207%200%200%200-.217-.28C13.875%202.93%2012.854%202.008%2011.503%202a2.7%202.7%200%200%200-.57.058c-.546.115-1.022.39-1.415.709a5.7%205.7%200%200%200-.91.953zM4.443%204.7l-.099-.128C3.532%203.525%204.28%202%205.605%202c.323%200%20.637.097.903.28l1.274.873a9%209%200%200%200-.314.446c-.188.284-.387.408-.52.442zM1.5%2014a.5.5%200%200%200%200%201h13a.5.5%200%200%200%200-1z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.591%203.742c-.107.14-.204.279-.289.408c-.283.43-.667.745-1.099.858l-3.432.904l-.605-1.249C2.638%203.573%201%203.95%201%205.16V8c0%201.16%201.108%202%202.225%201.684l3.105-.875l-.312%201.408c-.357%201.607%201.76%202.532%202.697%201.18l3.106-4.481l2.232-.818q.076-.028.147-.064c.618-.307.978-1.033.713-1.705l-.008-.02a1.4%201.4%200%200%200-.16-.284l-.027-.039a7%207%200%200%200-.217-.28C13.875%202.93%2012.854%202.008%2011.503%202a2.7%202.7%200%200%200-.57.058c-.546.115-1.022.39-1.415.709a5.7%205.7%200%200%200-.91.953zM4.443%204.7l-.099-.128C3.532%203.525%204.28%202%205.605%202c.323%200%20.637.097.903.28l1.274.873a9%209%200%200%200-.314.446c-.188.284-.387.408-.52.442zM1.5%2014a.5.5%200%200%200%200%201h13a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/airplane-take-off-16-filled.svg?color=%231a73e8&size=48
