plane circle xmark icon

plane-circle-xmark from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: plane-circle-xmark
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 640×512
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome 6 Solid

plane-arrival plane-circle-check plane-circle-exclamation plane-departure plane-lock plane-slash plane-up

Use the plane circle xmark icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M256 0c-35 0-64 59.5-64 93.7v84.6L8.1 283.4c-5 2.8-8.1 8.2-8.1 13.9v65.5c0 10.6 10.2 18.3 20.4 15.4l171.6-49v70.9l-57.6 43.2c-4 3-6.4 7.8-6.4 12.8v42c0 7.8 6.3 14 14 14c1.3 0 2.6-.2 3.9-.5L256 480l110.1 31.5c1.3.4 2.6.5 3.9.5c6 0 11.1-3.7 13.1-9c-38.6-32.3-63.1-80.8-63.1-135c0-60.6 30.6-114 77.1-145.6L320 178.3V93.7C320 59.5 292 0 256 0m240 512a144 144 0 1 0 0-288a144 144 0 1 0 0 288m59.3-180.7L518.6 368l36.7 36.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L496 390.6l-36.7 36.7c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l36.7-36.7l-36.7-36.7c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l36.7 36.7l36.7-36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidPlaneCircleXmark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M256 0c-35 0-64 59.5-64 93.7v84.6L8.1 283.4c-5 2.8-8.1 8.2-8.1 13.9v65.5c0 10.6 10.2 18.3 20.4 15.4l171.6-49v70.9l-57.6 43.2c-4 3-6.4 7.8-6.4 12.8v42c0 7.8 6.3 14 14 14c1.3 0 2.6-.2 3.9-.5L256 480l110.1 31.5c1.3.4 2.6.5 3.9.5c6 0 11.1-3.7 13.1-9c-38.6-32.3-63.1-80.8-63.1-135c0-60.6 30.6-114 77.1-145.6L320 178.3V93.7C320 59.5 292 0 256 0m240 512a144 144 0 1 0 0-288a144 144 0 1 0 0 288m59.3-180.7L518.6 368l36.7 36.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L496 390.6l-36.7 36.7c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l36.7-36.7l-36.7-36.7c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l36.7 36.7l36.7-36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M256 0c-35 0-64 59.5-64 93.7v84.6L8.1 283.4c-5 2.8-8.1 8.2-8.1 13.9v65.5c0 10.6 10.2 18.3 20.4 15.4l171.6-49v70.9l-57.6 43.2c-4 3-6.4 7.8-6.4 12.8v42c0 7.8 6.3 14 14 14c1.3 0 2.6-.2 3.9-.5L256 480l110.1 31.5c1.3.4 2.6.5 3.9.5c6 0 11.1-3.7 13.1-9c-38.6-32.3-63.1-80.8-63.1-135c0-60.6 30.6-114 77.1-145.6L320 178.3V93.7C320 59.5 292 0 256 0m240 512a144 144 0 1 0 0-288a144 144 0 1 0 0 288m59.3-180.7L518.6 368l36.7 36.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L496 390.6l-36.7 36.7c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l36.7-36.7l-36.7-36.7c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l36.7 36.7l36.7-36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6"/></svg>
</template>

CSS

.icon-plane-circle-xmark {
  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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%200c-35%200-64%2059.5-64%2093.7v84.6L8.1%20283.4c-5%202.8-8.1%208.2-8.1%2013.9v65.5c0%2010.6%2010.2%2018.3%2020.4%2015.4l171.6-49v70.9l-57.6%2043.2c-4%203-6.4%207.8-6.4%2012.8v42c0%207.8%206.3%2014%2014%2014c1.3%200%202.6-.2%203.9-.5L256%20480l110.1%2031.5c1.3.4%202.6.5%203.9.5c6%200%2011.1-3.7%2013.1-9c-38.6-32.3-63.1-80.8-63.1-135c0-60.6%2030.6-114%2077.1-145.6L320%20178.3V93.7C320%2059.5%20292%200%20256%200m240%20512a144%20144%200%201%200%200-288a144%20144%200%201%200%200%20288m59.3-180.7L518.6%20368l36.7%2036.7c6.2%206.2%206.2%2016.4%200%2022.6s-16.4%206.2-22.6%200L496%20390.6l-36.7%2036.7c-6.2%206.2-16.4%206.2-22.6%200s-6.2-16.4%200-22.6l36.7-36.7l-36.7-36.7c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200l36.7%2036.7l36.7-36.7c6.2-6.2%2016.4-6.2%2022.6%200s6.2%2016.4%200%2022.6%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%200c-35%200-64%2059.5-64%2093.7v84.6L8.1%20283.4c-5%202.8-8.1%208.2-8.1%2013.9v65.5c0%2010.6%2010.2%2018.3%2020.4%2015.4l171.6-49v70.9l-57.6%2043.2c-4%203-6.4%207.8-6.4%2012.8v42c0%207.8%206.3%2014%2014%2014c1.3%200%202.6-.2%203.9-.5L256%20480l110.1%2031.5c1.3.4%202.6.5%203.9.5c6%200%2011.1-3.7%2013.1-9c-38.6-32.3-63.1-80.8-63.1-135c0-60.6%2030.6-114%2077.1-145.6L320%20178.3V93.7C320%2059.5%20292%200%20256%200m240%20512a144%20144%200%201%200%200-288a144%20144%200%201%200%200%20288m59.3-180.7L518.6%20368l36.7%2036.7c6.2%206.2%206.2%2016.4%200%2022.6s-16.4%206.2-22.6%200L496%20390.6l-36.7%2036.7c-6.2%206.2-16.4%206.2-22.6%200s-6.2-16.4%200-22.6l36.7-36.7l-36.7-36.7c-6.2-6.2-6.2-16.4%200-22.6s16.4-6.2%2022.6%200l36.7%2036.7l36.7-36.7c6.2-6.2%2016.4-6.2%2022.6%200s6.2%2016.4%200%2022.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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