plane icon

plane from Unicons by Iconscout · Line · User Interface · Apache-2.0 Free for personal and commercial use.

Name: plane
Set: Unicons
Style: Line
Category: User Interface
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

planeAkar Icons planeBoxIcons v2 Solid planeCarbon planeFont Awesome 6 Solid planeFont Awesome Solid planeHuge Icons planeHumbleicons planeIonIcons planeJam Icons planeLine Awesome planeLucide planeMyna UI Icons plane-fillRemix Icon planeSimple Icons plane-boldSolar planeTabler Icons

More user interface icons from Unicons

0-plus 10-plus 12-plus 13-plus 16-plus 17-plus 18-plus 21-plus 3-plus 6-plus adjust adjust-alt adjust-circle adjust-half anchor android-phone-slash ankh archive-alt archway asterisk at auto-flash backspace bag-slash

Use the plane icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.75 12a1 1 0 0 0-.55-.89l-6.12-3.06v-4a3.08 3.08 0 1 0-6.16 0v4L2.8 11.11a1 1 0 0 0-.55.89v3.33a1 1 0 0 0 .43.83a1 1 0 0 0 .92.11l5.32-2V18l-1.82.6a1 1 0 0 0-.68.95V22a1 1 0 0 0 .3.71a1 1 0 0 0 .7.29h9.17a1 1 0 0 0 1-1v-2.5a1 1 0 0 0-.68-.95L15.08 18v-3.72l5.32 2a1 1 0 0 0 .92-.11a1 1 0 0 0 .43-.83Zm-7.31-.1a1 1 0 0 0-.93.11a1 1 0 0 0-.43.82v5.84a1 1 0 0 0 .69.95l1.81.6V21H8.41v-.78l1.81-.6a1 1 0 0 0 .69-.95v-5.84a1 1 0 0 0-.43-.82a1 1 0 0 0-.93-.11l-5.31 2v-1.28l6.11-3.06a1 1 0 0 0 .56-.89V4.08a1.08 1.08 0 1 1 2.16 0v4.59a1 1 0 0 0 .56.89l6.11 3.06v1.27Z"/></svg>

React

import type { SVGProps } from "react";

export function UilPlane(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.75 12a1 1 0 0 0-.55-.89l-6.12-3.06v-4a3.08 3.08 0 1 0-6.16 0v4L2.8 11.11a1 1 0 0 0-.55.89v3.33a1 1 0 0 0 .43.83a1 1 0 0 0 .92.11l5.32-2V18l-1.82.6a1 1 0 0 0-.68.95V22a1 1 0 0 0 .3.71a1 1 0 0 0 .7.29h9.17a1 1 0 0 0 1-1v-2.5a1 1 0 0 0-.68-.95L15.08 18v-3.72l5.32 2a1 1 0 0 0 .92-.11a1 1 0 0 0 .43-.83Zm-7.31-.1a1 1 0 0 0-.93.11a1 1 0 0 0-.43.82v5.84a1 1 0 0 0 .69.95l1.81.6V21H8.41v-.78l1.81-.6a1 1 0 0 0 .69-.95v-5.84a1 1 0 0 0-.43-.82a1 1 0 0 0-.93-.11l-5.31 2v-1.28l6.11-3.06a1 1 0 0 0 .56-.89V4.08a1.08 1.08 0 1 1 2.16 0v4.59a1 1 0 0 0 .56.89l6.11 3.06v1.27Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.75 12a1 1 0 0 0-.55-.89l-6.12-3.06v-4a3.08 3.08 0 1 0-6.16 0v4L2.8 11.11a1 1 0 0 0-.55.89v3.33a1 1 0 0 0 .43.83a1 1 0 0 0 .92.11l5.32-2V18l-1.82.6a1 1 0 0 0-.68.95V22a1 1 0 0 0 .3.71a1 1 0 0 0 .7.29h9.17a1 1 0 0 0 1-1v-2.5a1 1 0 0 0-.68-.95L15.08 18v-3.72l5.32 2a1 1 0 0 0 .92-.11a1 1 0 0 0 .43-.83Zm-7.31-.1a1 1 0 0 0-.93.11a1 1 0 0 0-.43.82v5.84a1 1 0 0 0 .69.95l1.81.6V21H8.41v-.78l1.81-.6a1 1 0 0 0 .69-.95v-5.84a1 1 0 0 0-.43-.82a1 1 0 0 0-.93-.11l-5.31 2v-1.28l6.11-3.06a1 1 0 0 0 .56-.89V4.08a1.08 1.08 0 1 1 2.16 0v4.59a1 1 0 0 0 .56.89l6.11 3.06v1.27Z"/></svg>
</template>

CSS

.icon-plane {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.75%2012a1%201%200%200%200-.55-.89l-6.12-3.06v-4a3.08%203.08%200%201%200-6.16%200v4L2.8%2011.11a1%201%200%200%200-.55.89v3.33a1%201%200%200%200%20.43.83a1%201%200%200%200%20.92.11l5.32-2V18l-1.82.6a1%201%200%200%200-.68.95V22a1%201%200%200%200%20.3.71a1%201%200%200%200%20.7.29h9.17a1%201%200%200%200%201-1v-2.5a1%201%200%200%200-.68-.95L15.08%2018v-3.72l5.32%202a1%201%200%200%200%20.92-.11a1%201%200%200%200%20.43-.83Zm-7.31-.1a1%201%200%200%200-.93.11a1%201%200%200%200-.43.82v5.84a1%201%200%200%200%20.69.95l1.81.6V21H8.41v-.78l1.81-.6a1%201%200%200%200%20.69-.95v-5.84a1%201%200%200%200-.43-.82a1%201%200%200%200-.93-.11l-5.31%202v-1.28l6.11-3.06a1%201%200%200%200%20.56-.89V4.08a1.08%201.08%200%201%201%202.16%200v4.59a1%201%200%200%200%20.56.89l6.11%203.06v1.27Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.75%2012a1%201%200%200%200-.55-.89l-6.12-3.06v-4a3.08%203.08%200%201%200-6.16%200v4L2.8%2011.11a1%201%200%200%200-.55.89v3.33a1%201%200%200%200%20.43.83a1%201%200%200%200%20.92.11l5.32-2V18l-1.82.6a1%201%200%200%200-.68.95V22a1%201%200%200%200%20.3.71a1%201%200%200%200%20.7.29h9.17a1%201%200%200%200%201-1v-2.5a1%201%200%200%200-.68-.95L15.08%2018v-3.72l5.32%202a1%201%200%200%200%20.92-.11a1%201%200%200%200%20.43-.83Zm-7.31-.1a1%201%200%200%200-.93.11a1%201%200%200%200-.43.82v5.84a1%201%200%200%200%20.69.95l1.81.6V21H8.41v-.78l1.81-.6a1%201%200%200%200%20.69-.95v-5.84a1%201%200%200%200-.43-.82a1%201%200%200%200-.93-.11l-5.31%202v-1.28l6.11-3.06a1%201%200%200%200%20.56-.89V4.08a1.08%201.08%200%201%201%202.16%200v4.59a1%201%200%200%200%20.56.89l6.11%203.06v1.27Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/plane.svg?color=%231a73e8&size=48