airplane icon
airplane-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- airplane-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
airplaneBootstrap IconsairplaneEmoji One (Colored)airplaneFramework7 IconsairplaneFluent EmojiairplaneFluent Emoji FlatairplaneFluent Emoji High ContrastairplaneFirefox OS Emojiairplanecss.ggairplaneIconParkairplaneIconPark OutlineairplaneIconPark SolidairplaneIconPark TwoToneairplaneIconoirairplaneIonIconsairplaneMajesticonsairplaneMaterial Design Iconsairplane-fillMingCute IconairplaneNoto EmojiairplaneOpenMojiairplanePhosphorairplaneStreamline EmojisairplaneTwitter Emoji
Related icons in Fluent UI System Icons
Use the airplane icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.47 9.643L8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61c.802 0 1.545.42 1.977 1.135l.087.161l2.945 6.09l3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.6 2.6 0 0 1-2.62 2.597l-3.963-.116l-2.992 6.188a2.29 2.29 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118l.707-5.908l-2.132-.063l-.27.736a1.95 1.95 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15l.27.736zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422l-4.84.141l-.628-1.715l-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98l-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.45.45 0 0 0 .419-.293l.64-1.751l4.854.141l-.897 7.471v.03c0 .06.048.108.108.108a.79.79 0 0 0 .714-.448l3.415-7.063l4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144l-3.351-6.932l-.053-.099a.79.79 0 0 0-.678-.381"/></svg>
React
import type { SVGProps } from "react";
export function FluentAirplane24Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.47 9.643L8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61c.802 0 1.545.42 1.977 1.135l.087.161l2.945 6.09l3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.6 2.6 0 0 1-2.62 2.597l-3.963-.116l-2.992 6.188a2.29 2.29 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118l.707-5.908l-2.132-.063l-.27.736a1.95 1.95 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15l.27.736zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422l-4.84.141l-.628-1.715l-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98l-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.45.45 0 0 0 .419-.293l.64-1.751l4.854.141l-.897 7.471v.03c0 .06.048.108.108.108a.79.79 0 0 0 .714-.448l3.415-7.063l4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144l-3.351-6.932l-.053-.099a.79.79 0 0 0-.678-.381"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.47 9.643L8.768 3.77l-.002-.074c0-.889.72-1.61 1.61-1.61c.802 0 1.545.42 1.977 1.135l.087.161l2.945 6.09l3.957-.117a2.6 2.6 0 0 1 2.672 2.53l.001.066a2.6 2.6 0 0 1-2.62 2.597l-3.963-.116l-2.992 6.188a2.29 2.29 0 0 1-2.065 1.295c-.889 0-1.609-.72-1.609-1.631l.007-.118l.707-5.908l-2.132-.063l-.27.736a1.95 1.95 0 0 1-1.827 1.278c-.876 0-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92 1.92 0 0 1 0-3.758l.155-.032v-.76c0-.803.597-1.475 1.434-1.579l.151-.008c.745 0 1.423.426 1.765 1.127l.063.15l.27.736zm.906-6.057c-.06 0-.109.049-.11.087l.887 7.422l-4.84.141l-.628-1.715l-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086 0 0 0-.075.085l.001 1.98l-1.35.282a.419.419 0 0 0 0 .821l1.35.281v1.98c0 .047.038.086.085.086a.45.45 0 0 0 .419-.293l.64-1.751l4.854.141l-.897 7.471v.03c0 .06.048.108.108.108a.79.79 0 0 0 .714-.448l3.415-7.063l4.914.144c.606 0 1.097-.491 1.097-1.086v-.043a1.097 1.097 0 0 0-1.13-1.064l-4.928.144l-3.351-6.932l-.053-.099a.79.79 0 0 0-.678-.381"/></svg> </template>
CSS
.icon-airplane-24-regular {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.47%209.643L8.768%203.77l-.002-.074c0-.889.72-1.61%201.61-1.61c.802%200%201.545.42%201.977%201.135l.087.161l2.945%206.09l3.957-.117a2.6%202.6%200%200%201%202.672%202.53l.001.066a2.6%202.6%200%200%201-2.62%202.597l-3.963-.116l-2.992%206.188a2.29%202.29%200%200%201-2.065%201.295c-.889%200-1.609-.72-1.609-1.631l.007-.118l.707-5.908l-2.132-.063l-.27.736a1.95%201.95%200%200%201-1.827%201.278c-.876%200-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92%201.92%200%200%201%200-3.758l.155-.032v-.76c0-.803.597-1.475%201.434-1.579l.151-.008c.745%200%201.423.426%201.765%201.127l.063.15l.27.736zm.906-6.057c-.06%200-.109.049-.11.087l.887%207.422l-4.84.141l-.628-1.715l-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086%200%200%200-.075.085l.001%201.98l-1.35.282a.419.419%200%200%200%200%20.821l1.35.281v1.98c0%20.047.038.086.085.086a.45.45%200%200%200%20.419-.293l.64-1.751l4.854.141l-.897%207.471v.03c0%20.06.048.108.108.108a.79.79%200%200%200%20.714-.448l3.415-7.063l4.914.144c.606%200%201.097-.491%201.097-1.086v-.043a1.097%201.097%200%200%200-1.13-1.064l-4.928.144l-3.351-6.932l-.053-.099a.79.79%200%200%200-.678-.381%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.47%209.643L8.768%203.77l-.002-.074c0-.889.72-1.61%201.61-1.61c.802%200%201.545.42%201.977%201.135l.087.161l2.945%206.09l3.957-.117a2.6%202.6%200%200%201%202.672%202.53l.001.066a2.6%202.6%200%200%201-2.62%202.597l-3.963-.116l-2.992%206.188a2.29%202.29%200%200%201-2.065%201.295c-.889%200-1.609-.72-1.609-1.631l.007-.118l.707-5.908l-2.132-.063l-.27.736a1.95%201.95%200%200%201-1.827%201.278c-.876%200-1.586-.71-1.586-1.587v-.76l-.154-.032a1.92%201.92%200%200%201%200-3.758l.155-.032v-.76c0-.803.597-1.475%201.434-1.579l.151-.008c.745%200%201.423.426%201.765%201.127l.063.15l.27.736zm.906-6.057c-.06%200-.109.049-.11.087l.887%207.422l-4.84.141l-.628-1.715l-.032-.079c-.075-.152-.23-.25-.354-.251l-.058.002a.086.086%200%200%200-.075.085l.001%201.98l-1.35.282a.419.419%200%200%200%200%20.821l1.35.281v1.98c0%20.047.038.086.085.086a.45.45%200%200%200%20.419-.293l.64-1.751l4.854.141l-.897%207.471v.03c0%20.06.048.108.108.108a.79.79%200%200%200%20.714-.448l3.415-7.063l4.914.144c.606%200%201.097-.491%201.097-1.086v-.043a1.097%201.097%200%200%200-1.13-1.064l-4.928.144l-3.351-6.932l-.053-.099a.79.79%200%200%200-.678-.381%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/airplane-24-regular.svg?color=%231a73e8&size=48
