Plane Sharp Fill icon

keyline-icons:plane-sharp-fill

The Plane Sharp Fill icon (keyline-icons:plane-sharp-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: planesharp, sharpfill, planesharpfill

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.1425 5.8306L16.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.052 11.5978L20.179 20.0419C20.1991 20.1218 20.2093 20.2038 20.2093 20.2862C20.2093 20.5824 20.078 20.8633 19.8508 21.0533L17.8037 22.7652C17.6238 22.9157 17.3967 22.9981 17.1622 22.9981C16.8731 22.9981 16.5982 22.873 16.4083 22.655L11.3425 16.8414L8.9161 18.5746L8.4156 21.4938C8.3333 21.9739 7.9171 22.3248 7.43 22.3248C7.1711 22.3248 6.9223 22.2244 6.7359 22.0447L1.9369 17.418C1.7414 17.2295 1.631 16.9697 1.631 16.6981C1.631 16.224 1.9639 15.8151 2.4281 15.7189L5.4086 15.1013L7.1014 12.6849L1.3673 7.9749C1.136 7.785 1.002 7.5015 1.002 7.2022C1.002 6.9614 1.0889 6.7287 1.2466 6.5469L2.9813 4.5474C3.1713 4.3285 3.4469 4.2027 3.7367 4.2027C3.8012 4.2027 3.8656 4.2089 3.929 4.2214L12.1425 5.8306Z"/></svg>

How to use the Plane Sharp Fill icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:plane-sharp-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-sharp-fill"></iconify-icon>

HTML image

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

Related icons in Keyline Icons

Plane Sharp Fill icon FAQ

Is the Plane Sharp 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 Sharp Fill icon in React?

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

How do I add the Plane Sharp 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-sharp-fill.svg" alt="Plane Sharp Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →