airplane icon
airplane-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- airplane-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- 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 48 48"><path fill="currentColor" d="M21.01 3a2.02 2.02 0 0 0-2.008 2.223l1.512 14.93l-4.367.273l-2.494-4.365A4.09 4.09 0 0 0 10.102 14C8.942 14 8 14.941 8 16.102v4.833L6.956 21a3 3 0 0 0 0 6L8 27.065v4.833C8 33.058 8.941 34 10.102 34a4.09 4.09 0 0 0 3.551-2.06l2.494-4.366l4.367.273l-1.512 14.93A2.02 2.02 0 0 0 21.011 45c1.494 0 2.85-.873 3.47-2.232L30.982 28.5c2.658.167 5.356.5 8.018.5a5 5 0 0 0 0-10c-2.662 0-5.36.333-8.018.499l-6.5-14.267A3.81 3.81 0 0 0 21.01 3"/></svg>
React
import type { SVGProps } from "react";
export function FluentAirplane48Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M21.01 3a2.02 2.02 0 0 0-2.008 2.223l1.512 14.93l-4.367.273l-2.494-4.365A4.09 4.09 0 0 0 10.102 14C8.942 14 8 14.941 8 16.102v4.833L6.956 21a3 3 0 0 0 0 6L8 27.065v4.833C8 33.058 8.941 34 10.102 34a4.09 4.09 0 0 0 3.551-2.06l2.494-4.366l4.367.273l-1.512 14.93A2.02 2.02 0 0 0 21.011 45c1.494 0 2.85-.873 3.47-2.232L30.982 28.5c2.658.167 5.356.5 8.018.5a5 5 0 0 0 0-10c-2.662 0-5.36.333-8.018.499l-6.5-14.267A3.81 3.81 0 0 0 21.01 3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M21.01 3a2.02 2.02 0 0 0-2.008 2.223l1.512 14.93l-4.367.273l-2.494-4.365A4.09 4.09 0 0 0 10.102 14C8.942 14 8 14.941 8 16.102v4.833L6.956 21a3 3 0 0 0 0 6L8 27.065v4.833C8 33.058 8.941 34 10.102 34a4.09 4.09 0 0 0 3.551-2.06l2.494-4.366l4.367.273l-1.512 14.93A2.02 2.02 0 0 0 21.011 45c1.494 0 2.85-.873 3.47-2.232L30.982 28.5c2.658.167 5.356.5 8.018.5a5 5 0 0 0 0-10c-2.662 0-5.36.333-8.018.499l-6.5-14.267A3.81 3.81 0 0 0 21.01 3"/></svg> </template>
CSS
.icon-airplane-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.01%203a2.02%202.02%200%200%200-2.008%202.223l1.512%2014.93l-4.367.273l-2.494-4.365A4.09%204.09%200%200%200%2010.102%2014C8.942%2014%208%2014.941%208%2016.102v4.833L6.956%2021a3%203%200%200%200%200%206L8%2027.065v4.833C8%2033.058%208.941%2034%2010.102%2034a4.09%204.09%200%200%200%203.551-2.06l2.494-4.366l4.367.273l-1.512%2014.93A2.02%202.02%200%200%200%2021.011%2045c1.494%200%202.85-.873%203.47-2.232L30.982%2028.5c2.658.167%205.356.5%208.018.5a5%205%200%200%200%200-10c-2.662%200-5.36.333-8.018.499l-6.5-14.267A3.81%203.81%200%200%200%2021.01%203%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.01%203a2.02%202.02%200%200%200-2.008%202.223l1.512%2014.93l-4.367.273l-2.494-4.365A4.09%204.09%200%200%200%2010.102%2014C8.942%2014%208%2014.941%208%2016.102v4.833L6.956%2021a3%203%200%200%200%200%206L8%2027.065v4.833C8%2033.058%208.941%2034%2010.102%2034a4.09%204.09%200%200%200%203.551-2.06l2.494-4.366l4.367.273l-1.512%2014.93A2.02%202.02%200%200%200%2021.011%2045c1.494%200%202.85-.873%203.47-2.232L30.982%2028.5c2.658.167%205.356.5%208.018.5a5%205%200%200%200%200-10c-2.662%200-5.36.333-8.018.499l-6.5-14.267A3.81%203.81%200%200%200%2021.01%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/airplane-48-filled.svg?color=%231a73e8&size=48
