Plane icon

simple-line-icons:plane

The Plane icon (simple-line-icons:plane) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line 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: Simple line icons
Author: Sabbir Ahmed
License: MIT
Size: 1024 × 1024

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M934.32 65.904c10.432 0 17.776 1.938 21.6 3.41c4.592 12.224 10.753 56.031-34.528 101.343L690.4 401.633l1.664 28.656c3.504 59.968 10 167.44 15.6 259.567c4.944 82 9.633 159.44 9.936 166.032c.16 4.529.225 5.601-3.999 10.689c-9.44 11.472-27.056 30.912-41.904 47.024c-23.024-62.032-71.408-193.057-98.128-266.4l-34.336-94.368l-71.024 71.024l-130.608 125.584l-18.192 18.16l-.56 25.68c-.432 20.496-.336 57.28-.288 89.712c.064 22.592.129 43.12-.031 54.432c-.288.528 4.368 1.152 3.936 1.904c-2.784-4.464-5.776-9.28-8.944-14.288c-26.336-42-62.784-100.096-73.904-118.224l-8.128-13.28l-13.344-8.065c-48.528-29.311-102.288-63.151-135.088-84.287c1.136-.656 2.063 2.816 2.815 2.415h2.128c10.32 0 27.376.224 46.496.496c25.008.336 53.376.752 75.088.752c8.32 0 15.712-.064 21.664-.192l25.68-.592l18.16-18.16l125.744-129.712l70.784-70.752l-93.935-34.56c-70.592-25.967-205.808-76.464-269.056-100.224c16.223-14.944 35.775-32.688 47.183-42.129c3.184-2.624 5.665-3.967 7.376-3.967l2.256.064c7.056.336 94.688 6.064 179.407 11.6c89.936 5.872 191.44 12.496 249.151 16.16l28.848 1.808l231.024-231.04c32.448-32.4 64.32-37.248 80.449-37.248m.001-63.997c-37.808 0-84.222 14.526-125.678 55.998L598.035 268.497c-118.624-7.504-422.432-27.6-429.968-27.808a101 101 0 0 0-4.88-.129c-10.256 0-27.968 1.968-48.128 18.624c-23.664 19.569-73.008 65.97-73.008 65.97c-11.904 11.935-17.936 26.719-16.496 40.623c.88 8.4 5.44 23.712 26.064 31.777c12.528 4.912 211.904 79.504 303.969 113.376L229.844 640.642c-5.569.128-12.465.192-20.257.192c-38.336 0-97.776-1.248-121.601-1.248c-3.152 0-5.68 0-7.473.064c-7.248.224-22.256-3.344-61.84 29.744l-2.816 2.624C3.985 683.89 1.201 695.73.945 703.554c-.256 8.064 1.904 19.68 13.568 29.024c7.008 5.664 96.848 63.184 170.527 107.68c17.665 28.817 98.945 158 103.185 165.008c6.193 10.464 16.32 16.432 28.433 16.816h1.008c11.776 0 23.872-5.84 35.712-17.344c33.504-39.184 28.88-55.407 29.023-62.224c.528-21.376-.368-111.936.4-147.84l130.592-125.6c33.376 91.68 106.336 289.008 111.216 301.567c8.128 20.624 23.44 25.153 31.84 26c1.376.16 2.785.225 4.16.225c12.625 0 25.712-5.936 36.432-16.655c0 0 46.256-49.088 65.904-72.976c19.68-23.872 18.913-44.256 18.529-53.872c-.16-6.656-18.689-308.816-25.569-426.816L966.561 215.89c74.657-74.689 62.785-164.688 35.057-192.368c-12.24-12.304-37.024-21.615-67.297-21.616z"/></svg>

How to use the Plane icon

React

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

<Icon icon="simple-line-icons:plane" width="24" />

Vue

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

<template>
  <Icon icon="simple-line-icons:plane" width="24" />
</template>

Svelte

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

<Icon icon="simple-line-icons:plane" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--plane]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:plane"></div>

Web component

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

<iconify-icon icon="simple-line-icons:plane"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/simple-line-icons/plane.svg" alt="Plane icon" width="24" height="24">

Plane icon in other icon sets

Plane icon FAQ

Is the Plane icon free for commercial use?

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

How do I use the Plane icon in React?

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

How do I add the Plane icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/plane.svg" alt="Plane icon">, or paste the SVG code inline to style it with CSS.

Browse all Simple line icons →