airplane icon
airplane-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- airplane-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M7.907 1a.91.91 0 0 0-.899 1.047l.682 4.434l-1.884.171l-1.239-2.167A.96.96 0 0 0 3.731 4A.73.73 0 0 0 3 4.731v2.176L1.974 7a1 1 0 0 0 0 2L3 9.093v2.176c0 .403.327.731.731.731a.96.96 0 0 0 .836-.485l1.239-2.167l1.884.171l-.682 4.434A.91.91 0 0 0 7.907 15c.514 0 .98-.299 1.196-.766l2.032-4.401C11.75 9.888 12.382 10 13 10a2 2 0 1 0 0-4c-.618 0-1.25.112-1.865.167L9.103 1.766A1.32 1.32 0 0 0 7.907 1"/></svg>
React
import type { SVGProps } from "react";
export function FluentAirplane16Filled(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="M7.907 1a.91.91 0 0 0-.899 1.047l.682 4.434l-1.884.171l-1.239-2.167A.96.96 0 0 0 3.731 4A.73.73 0 0 0 3 4.731v2.176L1.974 7a1 1 0 0 0 0 2L3 9.093v2.176c0 .403.327.731.731.731a.96.96 0 0 0 .836-.485l1.239-2.167l1.884.171l-.682 4.434A.91.91 0 0 0 7.907 15c.514 0 .98-.299 1.196-.766l2.032-4.401C11.75 9.888 12.382 10 13 10a2 2 0 1 0 0-4c-.618 0-1.25.112-1.865.167L9.103 1.766A1.32 1.32 0 0 0 7.907 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.907 1a.91.91 0 0 0-.899 1.047l.682 4.434l-1.884.171l-1.239-2.167A.96.96 0 0 0 3.731 4A.73.73 0 0 0 3 4.731v2.176L1.974 7a1 1 0 0 0 0 2L3 9.093v2.176c0 .403.327.731.731.731a.96.96 0 0 0 .836-.485l1.239-2.167l1.884.171l-.682 4.434A.91.91 0 0 0 7.907 15c.514 0 .98-.299 1.196-.766l2.032-4.401C11.75 9.888 12.382 10 13 10a2 2 0 1 0 0-4c-.618 0-1.25.112-1.865.167L9.103 1.766A1.32 1.32 0 0 0 7.907 1"/></svg> </template>
CSS
.icon-airplane-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%22M7.907%201a.91.91%200%200%200-.899%201.047l.682%204.434l-1.884.171l-1.239-2.167A.96.96%200%200%200%203.731%204A.73.73%200%200%200%203%204.731v2.176L1.974%207a1%201%200%200%200%200%202L3%209.093v2.176c0%20.403.327.731.731.731a.96.96%200%200%200%20.836-.485l1.239-2.167l1.884.171l-.682%204.434A.91.91%200%200%200%207.907%2015c.514%200%20.98-.299%201.196-.766l2.032-4.401C11.75%209.888%2012.382%2010%2013%2010a2%202%200%201%200%200-4c-.618%200-1.25.112-1.865.167L9.103%201.766A1.32%201.32%200%200%200%207.907%201%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%22M7.907%201a.91.91%200%200%200-.899%201.047l.682%204.434l-1.884.171l-1.239-2.167A.96.96%200%200%200%203.731%204A.73.73%200%200%200%203%204.731v2.176L1.974%207a1%201%200%200%200%200%202L3%209.093v2.176c0%20.403.327.731.731.731a.96.96%200%200%200%20.836-.485l1.239-2.167l1.884.171l-.682%204.434A.91.91%200%200%200%207.907%2015c.514%200%20.98-.299%201.196-.766l2.032-4.401C11.75%209.888%2012.382%2010%2013%2010a2%202%200%201%200%200-4c-.618%200-1.25.112-1.865.167L9.103%201.766A1.32%201.32%200%200%200%207.907%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/airplane-16-filled.svg?color=%231a73e8&size=48
