paper plane icon

paper-plane from Font Awesome Solid by Dave Gandy · Solid · Communication · CC-BY-4.0 Attribution required.

Name: paper-plane
Set: Font Awesome Solid
Style: Solid
Category: Communication
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

paper-planeBoxIcons v2 paper-planeBoxIcons v2 Solid paper-plane-fillEva Icons paper-planeFont Awesome 6 Regular paper-planeFont Awesome 6 Solid paper-planeFont Awesome Regular paper-plane-outlineFlowbite Icons paper-planeIonIcons paper-planeJam Icons paper-planeLine Awesome paper-planePhosphor paper-planeRadix Icons

More communication icons from Font Awesome Solid

at chalkboard inbox language mobile mobile-alt voicemail wifi

Use the paper plane icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M568.4 37.7c9.8-3.5 20.6-1 28 6.3s9.8 18.2 6.3 28l-178 496.9c-5 13.9-18.1 23.1-32.8 23.1c-14.2 0-27-8.6-32.3-21.7l-64.2-158c-4.5-11-2.5-23.6 5.2-32.6l94.5-112.4c5.1-6.1 4.7-15-.9-20.6s-14.6-6-20.6-.9l-112.4 94.3c-9.1 7.6-21.6 9.6-32.6 5.2L70.1 280.8c-13.1-5.3-21.7-18.1-21.7-32.3c0-14.7 9.2-27.8 23.1-32.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidPaperPlane(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M568.4 37.7c9.8-3.5 20.6-1 28 6.3s9.8 18.2 6.3 28l-178 496.9c-5 13.9-18.1 23.1-32.8 23.1c-14.2 0-27-8.6-32.3-21.7l-64.2-158c-4.5-11-2.5-23.6 5.2-32.6l94.5-112.4c5.1-6.1 4.7-15-.9-20.6s-14.6-6-20.6-.9l-112.4 94.3c-9.1 7.6-21.6 9.6-32.6 5.2L70.1 280.8c-13.1-5.3-21.7-18.1-21.7-32.3c0-14.7 9.2-27.8 23.1-32.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M568.4 37.7c9.8-3.5 20.6-1 28 6.3s9.8 18.2 6.3 28l-178 496.9c-5 13.9-18.1 23.1-32.8 23.1c-14.2 0-27-8.6-32.3-21.7l-64.2-158c-4.5-11-2.5-23.6 5.2-32.6l94.5-112.4c5.1-6.1 4.7-15-.9-20.6s-14.6-6-20.6-.9l-112.4 94.3c-9.1 7.6-21.6 9.6-32.6 5.2L70.1 280.8c-13.1-5.3-21.7-18.1-21.7-32.3c0-14.7 9.2-27.8 23.1-32.8z"/></svg>
</template>

CSS

.icon-paper-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M568.4%2037.7c9.8-3.5%2020.6-1%2028%206.3s9.8%2018.2%206.3%2028l-178%20496.9c-5%2013.9-18.1%2023.1-32.8%2023.1c-14.2%200-27-8.6-32.3-21.7l-64.2-158c-4.5-11-2.5-23.6%205.2-32.6l94.5-112.4c5.1-6.1%204.7-15-.9-20.6s-14.6-6-20.6-.9l-112.4%2094.3c-9.1%207.6-21.6%209.6-32.6%205.2L70.1%20280.8c-13.1-5.3-21.7-18.1-21.7-32.3c0-14.7%209.2-27.8%2023.1-32.8z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M568.4%2037.7c9.8-3.5%2020.6-1%2028%206.3s9.8%2018.2%206.3%2028l-178%20496.9c-5%2013.9-18.1%2023.1-32.8%2023.1c-14.2%200-27-8.6-32.3-21.7l-64.2-158c-4.5-11-2.5-23.6%205.2-32.6l94.5-112.4c5.1-6.1%204.7-15-.9-20.6s-14.6-6-20.6-.9l-112.4%2094.3c-9.1%207.6-21.6%209.6-32.6%205.2L70.1%20280.8c-13.1-5.3-21.7-18.1-21.7-32.3c0-14.7%209.2-27.8%2023.1-32.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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