airplane icon
airplane-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- airplane-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- 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 28 28"><path fill="currentColor" d="M12.294 2c-.771 0-1.369.675-1.275 1.44l.996 8.137l-2.704.143l-1.643-2.876A1.68 1.68 0 0 0 6.213 8C5.543 8 5 8.543 5 9.213v2.733L3.978 12a2 2 0 0 0 0 4L5 16.054v2.733C5 19.457 5.543 20 6.213 20c.601 0 1.156-.322 1.455-.844L9.31 16.28l2.704.142l-.996 8.136A1.284 1.284 0 0 0 12.294 26a1.82 1.82 0 0 0 1.66-1.074l3.684-8.207c1.78.093 3.58.281 5.362.281a3 3 0 1 0 0-6c-1.782 0-3.582.188-5.362.281l-3.685-8.207A1.82 1.82 0 0 0 12.295 2"/></svg>
React
import type { SVGProps } from "react";
export function FluentAirplane28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M12.294 2c-.771 0-1.369.675-1.275 1.44l.996 8.137l-2.704.143l-1.643-2.876A1.68 1.68 0 0 0 6.213 8C5.543 8 5 8.543 5 9.213v2.733L3.978 12a2 2 0 0 0 0 4L5 16.054v2.733C5 19.457 5.543 20 6.213 20c.601 0 1.156-.322 1.455-.844L9.31 16.28l2.704.142l-.996 8.136A1.284 1.284 0 0 0 12.294 26a1.82 1.82 0 0 0 1.66-1.074l3.684-8.207c1.78.093 3.58.281 5.362.281a3 3 0 1 0 0-6c-1.782 0-3.582.188-5.362.281l-3.685-8.207A1.82 1.82 0 0 0 12.295 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M12.294 2c-.771 0-1.369.675-1.275 1.44l.996 8.137l-2.704.143l-1.643-2.876A1.68 1.68 0 0 0 6.213 8C5.543 8 5 8.543 5 9.213v2.733L3.978 12a2 2 0 0 0 0 4L5 16.054v2.733C5 19.457 5.543 20 6.213 20c.601 0 1.156-.322 1.455-.844L9.31 16.28l2.704.142l-.996 8.136A1.284 1.284 0 0 0 12.294 26a1.82 1.82 0 0 0 1.66-1.074l3.684-8.207c1.78.093 3.58.281 5.362.281a3 3 0 1 0 0-6c-1.782 0-3.582.188-5.362.281l-3.685-8.207A1.82 1.82 0 0 0 12.295 2"/></svg> </template>
CSS
.icon-airplane-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.294%202c-.771%200-1.369.675-1.275%201.44l.996%208.137l-2.704.143l-1.643-2.876A1.68%201.68%200%200%200%206.213%208C5.543%208%205%208.543%205%209.213v2.733L3.978%2012a2%202%200%200%200%200%204L5%2016.054v2.733C5%2019.457%205.543%2020%206.213%2020c.601%200%201.156-.322%201.455-.844L9.31%2016.28l2.704.142l-.996%208.136A1.284%201.284%200%200%200%2012.294%2026a1.82%201.82%200%200%200%201.66-1.074l3.684-8.207c1.78.093%203.58.281%205.362.281a3%203%200%201%200%200-6c-1.782%200-3.582.188-5.362.281l-3.685-8.207A1.82%201.82%200%200%200%2012.295%202%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.294%202c-.771%200-1.369.675-1.275%201.44l.996%208.137l-2.704.143l-1.643-2.876A1.68%201.68%200%200%200%206.213%208C5.543%208%205%208.543%205%209.213v2.733L3.978%2012a2%202%200%200%200%200%204L5%2016.054v2.733C5%2019.457%205.543%2020%206.213%2020c.601%200%201.156-.322%201.455-.844L9.31%2016.28l2.704.142l-.996%208.136A1.284%201.284%200%200%200%2012.294%2026a1.82%201.82%200%200%200%201.66-1.074l3.684-8.207c1.78.093%203.58.281%205.362.281a3%203%200%201%200%200-6c-1.782%200-3.582.188-5.362.281l-3.685-8.207A1.82%201.82%200%200%200%2012.295%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/airplane-28-filled.svg?color=%231a73e8&size=48
