Airplane Landing icon
andrsrxn:airplane-landing
The Airplane Landing icon (andrsrxn:airplane-landing) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/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
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Transport, Travel
- Tags
- airplanelanding
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m4.8 12.57l11.33 3.03l1.95.53c1.59.42 2.38.63 3-.06c.6-.7.37-1.29-.11-2.47a4.6 4.6 0 0 0-3.36-2.9a5 5 0 0 1-1.57-.59c-.23-.19-.65-.98-1.48-2.56a11 11 0 0 0-3.03-3.5c-.78-.52-1.16-.78-1.44-.61c-.27.17-.17.88.02 2.3l.05.35c.11.99.17 1.48-.2 1.83c-.36.34-1.2.2-2.86-.08c-.06 0-.1-.01-.3-.17s-.3-.43-.53-.95l-.45-1.07c-.1-.23-.14-.34-.21-.44a1 1 0 0 0-.33-.28c-.1-.06-.22-.1-.47-.16c-.69-.18-1.04-.28-1.3-.2a1 1 0 0 0-.67.61c-.1.25-.04.6.08 1.31l.46 2.8l.55 2.38c.1.44.44.78.88.9" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22 21H2.02m5.64-7.96l8.36 2.24l3.14.84c.97.26 1.46.4 1.86-.01c.41-.4.31-.8.1-1.59a5.6 5.6 0 0 0-3.35-3.78c-.17-.08-.51-.2-.9-.35a5 5 0 0 1-1.59-.7c-.23-.2-.55-.96-1.2-2.47q-.52-1.21-1.67-2.35a4 4 0 0 0-1.57-1.08c-.51-.17-.77-.25-.98-.05c-.22.2-.14.53.02 1.19l.31 1.34c.2 1 .3 1.5-.07 1.87c-.38.38-.95.27-2.1.04l-.3-.06c-.55-.1-.83-.15-1.02-.3s-.3-.39-.53-.87l-.46-1l-.2-.36a1 1 0 0 0-.36-.3l-.38-.13c-.63-.16-.94-.25-1.17-.2a1 1 0 0 0-.77.74c-.06.23.01.55.15 1.18l.38 1.68c.39 1.72.58 2.59 1.16 3.2c.58.6 1.43.82 3.14 1.28"/></g></svg>
How to use the Airplane Landing icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:airplane-landing" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:airplane-landing" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:airplane-landing" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--airplane-landing]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:airplane-landing"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:airplane-landing"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/airplane-landing.svg" alt="Airplane Landing icon" width="24" height="24">
Related icons in andrsrxn/icons
Airplane Landing icon in other icon sets
Airplane Landing icon FAQ
Is the Airplane Landing icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Airplane Landing icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:airplane-landing" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Airplane Landing icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/airplane-landing.svg" alt="Airplane Landing icon">, or paste the SVG code inline to style it with CSS.
Browse all andrsrxn/icons →
ICONYZ
