paper plane icon

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

Name: paper-plane
Set: Font Awesome Regular
Style: Regular
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 Solid paper-plane-outlineFlowbite Icons paper-planeIonIcons paper-planeJam Icons paper-planeLine Awesome paper-planePhosphor paper-planeRadix Icons

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="m322.5 351.7l200.9-200.8L391 520.3zM489.4 117L288.6 317.8L120 249.3zM70.1 280.8l205.8 83.6l83.6 205.8c5.3 13.1 18.1 21.7 32.3 21.7c14.7 0 27.8-9.2 32.8-23.1L602.6 72c3.5-9.8 1-20.6-6.3-28s-18.2-9.8-28-6.3l-496.9 178c-13.9 5-23.1 18.1-23.1 32.8c0 14.2 8.6 27 21.7 32.3z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7RegularPaperPlane(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="m322.5 351.7l200.9-200.8L391 520.3zM489.4 117L288.6 317.8L120 249.3zM70.1 280.8l205.8 83.6l83.6 205.8c5.3 13.1 18.1 21.7 32.3 21.7c14.7 0 27.8-9.2 32.8-23.1L602.6 72c3.5-9.8 1-20.6-6.3-28s-18.2-9.8-28-6.3l-496.9 178c-13.9 5-23.1 18.1-23.1 32.8c0 14.2 8.6 27 21.7 32.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="m322.5 351.7l200.9-200.8L391 520.3zM489.4 117L288.6 317.8L120 249.3zM70.1 280.8l205.8 83.6l83.6 205.8c5.3 13.1 18.1 21.7 32.3 21.7c14.7 0 27.8-9.2 32.8-23.1L602.6 72c3.5-9.8 1-20.6-6.3-28s-18.2-9.8-28-6.3l-496.9 178c-13.9 5-23.1 18.1-23.1 32.8c0 14.2 8.6 27 21.7 32.3z"/></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%22m322.5%20351.7l200.9-200.8L391%20520.3zM489.4%20117L288.6%20317.8L120%20249.3zM70.1%20280.8l205.8%2083.6l83.6%20205.8c5.3%2013.1%2018.1%2021.7%2032.3%2021.7c14.7%200%2027.8-9.2%2032.8-23.1L602.6%2072c3.5-9.8%201-20.6-6.3-28s-18.2-9.8-28-6.3l-496.9%20178c-13.9%205-23.1%2018.1-23.1%2032.8c0%2014.2%208.6%2027%2021.7%2032.3z%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%22m322.5%20351.7l200.9-200.8L391%20520.3zM489.4%20117L288.6%20317.8L120%20249.3zM70.1%20280.8l205.8%2083.6l83.6%20205.8c5.3%2013.1%2018.1%2021.7%2032.3%2021.7c14.7%200%2027.8-9.2%2032.8-23.1L602.6%2072c3.5-9.8%201-20.6-6.3-28s-18.2-9.8-28-6.3l-496.9%20178c-13.9%205-23.1%2018.1-23.1%2032.8c0%2014.2%208.6%2027%2021.7%2032.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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