airplane takeoff icon
airplane-takeoff-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- airplane-takeoff-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the airplane takeoff icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M180 216a12 12 0 0 1-12 12H24a12 12 0 1 1 0-24h144a12 12 0 0 1 12 12m71.79-126.12a12 12 0 0 1-5.64 8.1L98.75 186l-.13.07a43.74 43.74 0 0 1-52.2-5.94l-.19-.18l-36-35.25a20 20 0 0 1 5.55-32.7l2.94-1.44a12 12 0 0 1 9.12-.59l26.5 8.94l14.15-8.56l-18.07-17.57a20 20 0 0 1 5.7-33.05l.48-.2l7.15-2.7a12 12 0 0 1 8.4 0L124.29 76l49.93-29.8a43.8 43.8 0 0 1 56.43 10a2 2 0 0 1 .17.22l18.64 23.88a11.94 11.94 0 0 1 2.33 9.58m-29.61-5.54L212 71.29a19.89 19.89 0 0 0-25.54-4.48l-54.77 32.7a12 12 0 0 1-10.3 1l-46-16.94l21 20.4a12 12 0 0 1-2.15 18.87L62 142.29a12 12 0 0 1-10 1.1l-13.35-4.5l24.31 23.8a19.89 19.89 0 0 0 23.6 2.65Z"/></svg>
React
import type { SVGProps } from "react";
export function PhAirplaneTakeoffBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M180 216a12 12 0 0 1-12 12H24a12 12 0 1 1 0-24h144a12 12 0 0 1 12 12m71.79-126.12a12 12 0 0 1-5.64 8.1L98.75 186l-.13.07a43.74 43.74 0 0 1-52.2-5.94l-.19-.18l-36-35.25a20 20 0 0 1 5.55-32.7l2.94-1.44a12 12 0 0 1 9.12-.59l26.5 8.94l14.15-8.56l-18.07-17.57a20 20 0 0 1 5.7-33.05l.48-.2l7.15-2.7a12 12 0 0 1 8.4 0L124.29 76l49.93-29.8a43.8 43.8 0 0 1 56.43 10a2 2 0 0 1 .17.22l18.64 23.88a11.94 11.94 0 0 1 2.33 9.58m-29.61-5.54L212 71.29a19.89 19.89 0 0 0-25.54-4.48l-54.77 32.7a12 12 0 0 1-10.3 1l-46-16.94l21 20.4a12 12 0 0 1-2.15 18.87L62 142.29a12 12 0 0 1-10 1.1l-13.35-4.5l24.31 23.8a19.89 19.89 0 0 0 23.6 2.65Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M180 216a12 12 0 0 1-12 12H24a12 12 0 1 1 0-24h144a12 12 0 0 1 12 12m71.79-126.12a12 12 0 0 1-5.64 8.1L98.75 186l-.13.07a43.74 43.74 0 0 1-52.2-5.94l-.19-.18l-36-35.25a20 20 0 0 1 5.55-32.7l2.94-1.44a12 12 0 0 1 9.12-.59l26.5 8.94l14.15-8.56l-18.07-17.57a20 20 0 0 1 5.7-33.05l.48-.2l7.15-2.7a12 12 0 0 1 8.4 0L124.29 76l49.93-29.8a43.8 43.8 0 0 1 56.43 10a2 2 0 0 1 .17.22l18.64 23.88a11.94 11.94 0 0 1 2.33 9.58m-29.61-5.54L212 71.29a19.89 19.89 0 0 0-25.54-4.48l-54.77 32.7a12 12 0 0 1-10.3 1l-46-16.94l21 20.4a12 12 0 0 1-2.15 18.87L62 142.29a12 12 0 0 1-10 1.1l-13.35-4.5l24.31 23.8a19.89 19.89 0 0 0 23.6 2.65Z"/></svg> </template>
CSS
.icon-airplane-takeoff-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M180%20216a12%2012%200%200%201-12%2012H24a12%2012%200%201%201%200-24h144a12%2012%200%200%201%2012%2012m71.79-126.12a12%2012%200%200%201-5.64%208.1L98.75%20186l-.13.07a43.74%2043.74%200%200%201-52.2-5.94l-.19-.18l-36-35.25a20%2020%200%200%201%205.55-32.7l2.94-1.44a12%2012%200%200%201%209.12-.59l26.5%208.94l14.15-8.56l-18.07-17.57a20%2020%200%200%201%205.7-33.05l.48-.2l7.15-2.7a12%2012%200%200%201%208.4%200L124.29%2076l49.93-29.8a43.8%2043.8%200%200%201%2056.43%2010a2%202%200%200%201%20.17.22l18.64%2023.88a11.94%2011.94%200%200%201%202.33%209.58m-29.61-5.54L212%2071.29a19.89%2019.89%200%200%200-25.54-4.48l-54.77%2032.7a12%2012%200%200%201-10.3%201l-46-16.94l21%2020.4a12%2012%200%200%201-2.15%2018.87L62%20142.29a12%2012%200%200%201-10%201.1l-13.35-4.5l24.31%2023.8a19.89%2019.89%200%200%200%2023.6%202.65Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M180%20216a12%2012%200%200%201-12%2012H24a12%2012%200%201%201%200-24h144a12%2012%200%200%201%2012%2012m71.79-126.12a12%2012%200%200%201-5.64%208.1L98.75%20186l-.13.07a43.74%2043.74%200%200%201-52.2-5.94l-.19-.18l-36-35.25a20%2020%200%200%201%205.55-32.7l2.94-1.44a12%2012%200%200%201%209.12-.59l26.5%208.94l14.15-8.56l-18.07-17.57a20%2020%200%200%201%205.7-33.05l.48-.2l7.15-2.7a12%2012%200%200%201%208.4%200L124.29%2076l49.93-29.8a43.8%2043.8%200%200%201%2056.43%2010a2%202%200%200%201%20.17.22l18.64%2023.88a11.94%2011.94%200%200%201%202.33%209.58m-29.61-5.54L212%2071.29a19.89%2019.89%200%200%200-25.54-4.48l-54.77%2032.7a12%2012%200%200%201-10.3%201l-46-16.94l21%2020.4a12%2012%200%200%201-2.15%2018.87L62%20142.29a12%2012%200%200%201-10%201.1l-13.35-4.5l24.31%2023.8a19.89%2019.89%200%200%200%2023.6%202.65Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/airplane-takeoff-bold.svg?color=%231a73e8&size=48
