ICONYZ
English
Small Airplane icon from Fluent Emoji

Small Airplane icon

fluent-emoji:small-airplane

The Small Airplane icon (fluent-emoji:small-airplane) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Fluent Emoji
Author
Microsoft Corporation
License
MIT
Size
32 × 32
Tags
smallairplane
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><rect width="1.18" height="7.977" x="28.375" y="9.283" fill="url(#iTxWoPz)" rx=".59" transform="rotate(135 28.375 9.283)"/><rect width="1.779" height="4" x="25.192" y="5.497" fill="url(#i2uyqKd)" rx=".889" transform="rotate(45 25.192 5.497)"/><g filter="url(#ipL3sic)"><path fill="url(#i3iAZPe)" d="M29.407 21.34L10.65 2.64a.99.99 0 0 0-1.41.005c-.753.766-1.634 1.677-2.23 2.295a1.14 1.14 0 0 0-.184 1.372c1.232 2.143 4.77 8.007 6.835 11.56l11.974 7.237a1.25 1.25 0 0 0 1.515-.17l2.247-2.171a1 1 0 0 0 .011-1.428"/><path fill="url(#iRG3iKb)" d="M29.407 21.34L10.65 2.64a.99.99 0 0 0-1.41.005c-.753.766-1.634 1.677-2.23 2.295a1.14 1.14 0 0 0-.184 1.372c1.232 2.143 4.77 8.007 6.835 11.56l11.974 7.237a1.25 1.25 0 0 0 1.515-.17l2.247-2.171a1 1 0 0 0 .011-1.428"/></g><path fill="url(#iGo35fc)" d="M19.44 7.479L6.41 24.31l1 1.469l17.151-13.144a3.25 3.25 0 0 0 .346-4.853l-.575-.587a3.25 3.25 0 0 0-4.893.284"/><path fill="url(#inRq7Cd)" d="M19.44 7.479L6.41 24.31l1 1.469l17.151-13.144a3.25 3.25 0 0 0 .346-4.853l-.575-.587a3.25 3.25 0 0 0-4.893.284"/><path fill="url(#iHMwhKC)" d="M19.44 7.479L6.41 24.31l1 1.469l17.151-13.144a3.25 3.25 0 0 0 .346-4.853l-.575-.587a3.25 3.25 0 0 0-4.893.284"/><path fill="url(#iUhbPee)" d="M19.44 7.479L6.41 24.31l1 1.469l17.151-13.144a3.25 3.25 0 0 0 .346-4.853l-.575-.587a3.25 3.25 0 0 0-4.893.284"/><g filter="url(#iva9WAc)"><path fill="#4EE0FF" d="m23.035 10.795l-1.826-1.928c-.335-.353-.373-.936.074-1.127c.678-.289 1.481-.094 1.815.21l.922.938c.533.533.484 1.234.25 1.804c-.21.51-.855.504-1.235.102"/></g><path fill="#F0EAF6" fill-rule="evenodd" d="m23.847 24.03l.878-.879a.6.6 0 0 0 0-.849l-3.542-3.541a.6.6 0 0 0-.848 0l-1.961 1.96z" clip-rule="evenodd"/><path fill="url(#iWgLKjc)" fill-rule="evenodd" d="m23.847 24.03l.878-.879a.6.6 0 0 0 0-.849l-3.542-3.541a.6.6 0 0 0-.848 0l-1.961 1.96z" clip-rule="evenodd"/><path fill="#F0EAF6" fill-rule="evenodd" d="m11.214 13.721l2.027-2.027a.6.6 0 0 0 0-.848L9.699 7.304a.6.6 0 0 0-.849 0l-.91.91c.54.913 1.18 1.988 1.853 3.118c.465.782.946 1.59 1.42 2.39" clip-rule="evenodd"/><path fill="url(#iLOuWgd)" fill-rule="evenodd" d="m11.214 13.721l2.027-2.027a.6.6 0 0 0 0-.848L9.699 7.304a.6.6 0 0 0-.849 0l-.91.91c.54.913 1.18 1.988 1.853 3.118c.465.782.946 1.59 1.42 2.39" clip-rule="evenodd"/><g filter="url(#ilP4soe)"><path fill="url(#iIiYEUd)" d="m10.368 29.535l-7.952-7.923a.4.4 0 0 1 .004-.57l1.3-1.267a.4.4 0 0 1 .485-.057l5.023 3.008a.4.4 0 0 1 .14.142l2.884 4.982a.4.4 0 0 1-.07.49l-1.255 1.2a.4.4 0 0 1-.56-.005"/><path fill="url(#ibapupc)" d="m10.368 29.535l-7.952-7.923a.4.4 0 0 1 .004-.57l1.3-1.267a.4.4 0 0 1 .485-.057l5.023 3.008a.4.4 0 0 1 .14.142l2.884 4.982a.4.4 0 0 1-.07.49l-1.255 1.2a.4.4 0 0 1-.56-.005"/></g><g filter="url(#i1RUO3d)"><path fill="url(#ifMXx8c)" d="m5.632 25.739l4.058-4.141a.4.4 0 0 1 .552-.019l.117.105a.4.4 0 0 1 .016.582l-4.11 4.097a.4.4 0 0 1-.559.007l-.064-.062a.4.4 0 0 1-.01-.57"/></g><defs><linearGradient id="iTxWoPz" x1="28.121" x2="29.821" y1="13.113" y2="13.113" gradientUnits="userSpaceOnUse"><stop stop-color="#4F3962"/><stop offset="1" stop-color="#342D38"/></linearGradient><linearGradient id="i2uyqKd" x1="26.081" x2="26.081" y1="5.497" y2="7.497" gradientUnits="userSpaceOnUse"><stop stop-color="#644A79"/><stop offset="1" stop-color="#090909"/></linearGradient><linearGradient id="i3iAZPe" x1="20.785" x2="17.223" y1="12.404" y2="16.154" gradientUnits="userSpaceOnUse"><stop stop-color="#F86891"/><stop offset="1" stop-color="#EB4152"/></linearGradient><linearGradient id="iGo35fc" x1="24.535" x2="9.848" y1="7.404" y2="22.216" gradientUnits="userSpaceOnUse"><stop stop-color="#B5B1B7"/><stop offset=".639" stop-color="#F0E3F6"/></linearGradient><linearGradient id="inRq7Cd" x1="24.723" x2="21.848" y1="7.279" y2="9.966" gradientUnits="userSpaceOnUse"><stop stop-color="#FEFEFE"/><stop offset="1" stop-color="#FEFEFE" stop-opacity="0"/></linearGradient><linearGradient id="iHMwhKC" x1="17.068" x2="16.38" y1="18.908" y2="17.877" gradientUnits="userSpaceOnUse"><stop stop-color="#E0C6F5"/><stop offset="1" stop-color="#E0C6F5" stop-opacity="0"/></linearGradient><linearGradient id="iUhbPee" x1="10.948" x2="12.326" y1="17.006" y2="18.144" gradientUnits="userSpaceOnUse"><stop stop-color="#BDB8BB"/><stop offset="1" stop-color="#BDB8BB" stop-opacity="0"/></linearGradient><linearGradient id="iWgLKjc" x1="20.973" x2="21.395" y1="22.341" y2="21.654" gradientUnits="userSpaceOnUse"><stop stop-color="#C8ADE1"/><stop offset="1" stop-color="#C8ADE1" stop-opacity="0"/></linearGradient><linearGradient id="iLOuWgd" x1="9.238" x2="9.9" y1="10.517" y2="10.105" gradientUnits="userSpaceOnUse"><stop stop-color="#C2B8CB"/><stop offset="1" stop-color="#C2B8CB" stop-opacity="0"/></linearGradient><linearGradient id="iIiYEUd" x1="9.223" x2="6.66" y1="22.716" y2="25.341" gradientUnits="userSpaceOnUse"><stop stop-color="#D9447B"/><stop offset="1" stop-color="#DF3F53"/></linearGradient><linearGradient id="ifMXx8c" x1="5.517" x2="10.493" y1="26.48" y2="21.478" gradientUnits="userSpaceOnUse"><stop offset=".641" stop-color="#98929F"/><stop offset=".695" stop-color="#BDBBBD"/></linearGradient><filter id="ipL3sic" width="23.327" height="23.241" x="6.674" y="2.049" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".3" dy="-.3"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.6 0 0 0 0 0.12549 0 0 0 0 0.286275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12548"/></filter><filter id="iva9WAc" width="3.986" height="3.988" x="20.452" y="7.598" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5" dy=".5"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.54902 0 0 0 0 0.933333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12548"/></filter><filter id="ilP4soe" width="10.408" height="10.39" x="2.099" y="19.461" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy="-.2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.184314 0 0 0 0 0.333333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12548"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.882353 0 0 0 0 0.403922 0 0 0 0 0.603922 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_12548" result="effect2_innerShadow_18_12548"/></filter><filter id="i1RUO3d" width="5.075" height="5.102" x="5.517" y="21.478" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.501961 0 0 0 0 0.458824 0 0 0 0 0.54902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12548"/></filter><radialGradient id="iRG3iKb" cx="0" cy="0" r="1" gradientTransform="rotate(135 7.055 10.141)scale(9.40036 3.36916)" gradientUnits="userSpaceOnUse"><stop offset=".507" stop-color="#BC4756"/><stop offset="1" stop-color="#BC4756" stop-opacity="0"/></radialGradient><radialGradient id="ibapupc" cx="0" cy="0" r="1" gradientTransform="rotate(136.239 .106 13.28)scale(5.0735 1.06253)" gradientUnits="userSpaceOnUse"><stop offset=".312" stop-color="#B43A5F"/><stop offset="1" stop-color="#B43A5F" stop-opacity="0"/></radialGradient></defs></g></svg>

How to use the Small Airplane icon

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:small-airplane" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:small-airplane" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:small-airplane" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--small-airplane]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:small-airplane"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:small-airplane"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-emoji/small-airplane.svg" alt="Small Airplane icon" width="24" height="24">

Related icons in Fluent Emoji

small-blue-diamond icon
small-blue-diamond
 small-orange-diamond icon
small-orange-diamond

Small Airplane icon in other icon sets

Small Airplane icon from Emoji One (Colored)
Emoji One (Colored)
 Small Airplane icon from Emoji One (Monotone)
Emoji One (Monotone)
 Small Airplane icon from Emoji One (v1)
Emoji One (v1)
 Small Airplane icon from Fluent Emoji Flat
Fluent Emoji Flat
 Small Airplane icon from Fluent Emoji High Contrast
Fluent Emoji High Contrast
 Small Airplane icon from Noto Emoji
Noto Emoji
 Small Airplane icon from Noto Emoji (v1)
Noto Emoji (v1)
 Small Airplane icon from OpenMoji
OpenMoji
 Small Airplane icon from Twitter Emoji
Twitter Emoji

Small Airplane icon FAQ

Is the Small Airplane icon free for commercial use?

Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Small Airplane icon in React?

Install @iconify/react and render <Icon icon="fluent-emoji:small-airplane" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Small Airplane icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/small-airplane.svg" alt="Small Airplane icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent Emoji icons →