plane icon

plane from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: plane
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

The same icon in other sets

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

Use the plane icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M281.7 311.9c.4-6.9 8.3-4.5 8.3-4.5l62 12.6 128 48.7c0-24-3.8-26.5-9.4-30.7L288 207s-4.9-60-4.9-112.9c0-24.5-11.8-78.1-27.1-78.1s-27.1 54.4-27.1 78.1c0 50.2-4.9 112.9-4.9 112.9L41.4 338c-7.1 5-9.4 7.7-9.4 30.7L160 320l61.9-12.6s7.9-2.4 8.3 4.5c.4 6.9-1.2 69.1 5.9 102.1.9 4.4-2.5 4.7-4.8 7.4l-51.9 32.8c-1.7 1.9-2.5 7.3-2.5 7.3l-1 18.5 68-16 12 32 12-32 68 16-1-18.5c.1 0-.7-5.4-2.4-7.3l-51.9-32.8c-2.3-2.7-5.7-3-4.8-7.4 6.9-33 5.5-95.2 5.9-102.1z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonPlane(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M281.7 311.9c.4-6.9 8.3-4.5 8.3-4.5l62 12.6 128 48.7c0-24-3.8-26.5-9.4-30.7L288 207s-4.9-60-4.9-112.9c0-24.5-11.8-78.1-27.1-78.1s-27.1 54.4-27.1 78.1c0 50.2-4.9 112.9-4.9 112.9L41.4 338c-7.1 5-9.4 7.7-9.4 30.7L160 320l61.9-12.6s7.9-2.4 8.3 4.5c.4 6.9-1.2 69.1 5.9 102.1.9 4.4-2.5 4.7-4.8 7.4l-51.9 32.8c-1.7 1.9-2.5 7.3-2.5 7.3l-1 18.5 68-16 12 32 12-32 68 16-1-18.5c.1 0-.7-5.4-2.4-7.3l-51.9-32.8c-2.3-2.7-5.7-3-4.8-7.4 6.9-33 5.5-95.2 5.9-102.1z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M281.7 311.9c.4-6.9 8.3-4.5 8.3-4.5l62 12.6 128 48.7c0-24-3.8-26.5-9.4-30.7L288 207s-4.9-60-4.9-112.9c0-24.5-11.8-78.1-27.1-78.1s-27.1 54.4-27.1 78.1c0 50.2-4.9 112.9-4.9 112.9L41.4 338c-7.1 5-9.4 7.7-9.4 30.7L160 320l61.9-12.6s7.9-2.4 8.3 4.5c.4 6.9-1.2 69.1 5.9 102.1.9 4.4-2.5 4.7-4.8 7.4l-51.9 32.8c-1.7 1.9-2.5 7.3-2.5 7.3l-1 18.5 68-16 12 32 12-32 68 16-1-18.5c.1 0-.7-5.4-2.4-7.3l-51.9-32.8c-2.3-2.7-5.7-3-4.8-7.4 6.9-33 5.5-95.2 5.9-102.1z" fill="currentColor"/></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%20512%20512%22%3E%3Cpath%20d%3D%22M281.7%20311.9c.4-6.9%208.3-4.5%208.3-4.5l62%2012.6%20128%2048.7c0-24-3.8-26.5-9.4-30.7L288%20207s-4.9-60-4.9-112.9c0-24.5-11.8-78.1-27.1-78.1s-27.1%2054.4-27.1%2078.1c0%2050.2-4.9%20112.9-4.9%20112.9L41.4%20338c-7.1%205-9.4%207.7-9.4%2030.7L160%20320l61.9-12.6s7.9-2.4%208.3%204.5c.4%206.9-1.2%2069.1%205.9%20102.1.9%204.4-2.5%204.7-4.8%207.4l-51.9%2032.8c-1.7%201.9-2.5%207.3-2.5%207.3l-1%2018.5%2068-16%2012%2032%2012-32%2068%2016-1-18.5c.1%200-.7-5.4-2.4-7.3l-51.9-32.8c-2.3-2.7-5.7-3-4.8-7.4%206.9-33%205.5-95.2%205.9-102.1z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M281.7%20311.9c.4-6.9%208.3-4.5%208.3-4.5l62%2012.6%20128%2048.7c0-24-3.8-26.5-9.4-30.7L288%20207s-4.9-60-4.9-112.9c0-24.5-11.8-78.1-27.1-78.1s-27.1%2054.4-27.1%2078.1c0%2050.2-4.9%20112.9-4.9%20112.9L41.4%20338c-7.1%205-9.4%207.7-9.4%2030.7L160%20320l61.9-12.6s7.9-2.4%208.3%204.5c.4%206.9-1.2%2069.1%205.9%20102.1.9%204.4-2.5%204.7-4.8%207.4l-51.9%2032.8c-1.7%201.9-2.5%207.3-2.5%207.3l-1%2018.5%2068-16%2012%2032%2012-32%2068%2016-1-18.5c.1%200-.7-5.4-2.4-7.3l-51.9-32.8c-2.3-2.7-5.7-3-4.8-7.4%206.9-33%205.5-95.2%205.9-102.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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