Airplane Window icon
icon-park:airplane-window
The Airplane Window icon (icon-park:airplane-window) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Travel
- Tags
- airplanewindow
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M10 18C10 10.268 16.268 4 24 4C31.732 4 38 10.268 38 18V30C38 37.732 31.732 44 24 44C16.268 44 10 37.732 10 30V18Z"/><path stroke="#fff" d="M10 17L38 17"/><path stroke="#fff" d="M22 11L26 11"/><path stroke="#fff" d="M10 26C10 26 15.4 25.4 17 27C18.6 28.6 18 30.3687 18 30.3687C21 30.3687 24 30.527 24 34C24 36.5 20 38 17.5 36.3687C17.5 38.5 17 40 14 40"/><path stroke="#fff" d="M38 23C38 23 34.5 21 33 22C31.5 23 32 25 32 25C30.5 24 28 25 28 27.5C28 30 30.5 31 33 30C34 33 36.5 33 38 32"/><path stroke="#000" d="M25 44V44C32.1797 44 38 38.1797 38 31V18C38 10.268 31.732 4 24 4V4"/><path stroke="#000" d="M23 44V44C15.8203 44 10 38.1797 10 31V18C10 10.268 16.268 4 24 4V4"/></g></svg>How to use the Airplane Window icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:airplane-window" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:airplane-window" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:airplane-window" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--airplane-window]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:airplane-window"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:airplane-window"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/airplane-window.svg" alt="Airplane Window icon" width="24" height="24">Related icons in IconPark
Airplane Window icon in other icon sets
Airplane Window icon FAQ
Is the Airplane Window icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Airplane Window icon in React?
Install @iconify/react and render <Icon icon="icon-park:airplane-window" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Airplane Window icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/airplane-window.svg" alt="Airplane Window icon">, or paste the SVG code inline to style it with CSS.