Plane Fill icon

keyline-icons:plane-fill

The Plane Fill icon (keyline-icons:plane-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: planefill

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.1491 5.8258L16.1972 2.8852C17.8838 1.6599 19.915 1.0001 21.9998 1.0001C22.5523 1.0001 23 1.4478 23 2.0001C23 4.045 22.3249 6.0328 21.0796 7.6548L18.0575 11.5906L20.2186 19.6698C20.2336 19.7256 20.2436 19.7826 20.2487 19.8402C20.2538 19.8982 20.2564 19.9563 20.2564 20.0145C20.2564 20.55 20.0397 21.0626 19.6556 21.4357L18.643 22.4242C18.2603 22.7946 17.7526 23 17.2243 23C16.6135 23 16.0351 22.7258 15.6485 22.253L11.3127 16.8627L9.011 18.5067L9.0613 20.8584C9.0614 20.8656 9.0615 20.8727 9.0615 20.8798C9.0615 21.0159 9.0337 21.1505 8.9799 21.2755C8.659 22.0203 7.9257 22.5028 7.1147 22.5028C6.5857 22.5028 6.0776 22.2964 5.6985 21.9275L2.1105 18.4252C1.7269 18.0518 1.5105 17.5392 1.5105 17.0038C1.5105 16.178 2.0222 15.4385 2.7951 15.1474C2.8986 15.1084 3.0078 15.0869 3.1184 15.0836L5.469 15.0151L7.0792 12.7165L1.7866 8.7199C1.2913 8.3458 1.0001 7.761 1.0001 7.1402C1.0001 6.6048 1.217 6.0922 1.6014 5.7194L2.6136 4.7313C2.9955 4.361 3.5032 4.1554 4.0317 4.1554C4.0913 4.1554 4.1509 4.158 4.2102 4.1632C4.2499 4.1667 4.2893 4.1726 4.3283 4.1808L12.1491 5.8258Z"/></svg>

How to use the Plane Fill icon

React

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

<Icon icon="keyline-icons:plane-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:plane-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:plane-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:plane-fill"></iconify-icon>

HTML image

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

Related icons in Keyline Icons

Plane Fill icon in other icon sets

Plane Fill icon FAQ

Is the Plane Fill icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Plane Fill icon in React?

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

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

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

Browse all Keyline Icons →