plane arrival icon

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

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

The same icon in other sets

plane-arrivalFont Awesome 6 Solid plane-arrivalFont Awesome Solid plane-arrivalLine Awesome plane-arrivalTabler 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 arrival icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.12 16.23a5 5 0 0 0-2.3-3L16.71 12l-.48-5.47a1 1 0 0 0-.49-.78l-3-1.72a1 1 0 0 0-1 0a1 1 0 0 0-.52.84l-.15 3.9l-1.75-1l-2.86-3.85a1 1 0 0 0-1.78.41l-.87 4.61a3 3 0 0 0 1.39 3.29l14.06 8.11a1 1 0 0 0 1.36-.34a4.9 4.9 0 0 0 .5-3.77M19.24 18L6.2 10.5a1 1 0 0 1-.44-1.13l.46-2.44l1.66 2.2a1 1 0 0 0 .3.27l3.35 1.94a1 1 0 0 0 1.5-.83l.16-3.9l1.09.63l.48 5.47a1 1 0 0 0 .5.78L17.82 15a2.9 2.9 0 0 1 1.36 1.78a2.74 2.74 0 0 1 .06 1.22"/></svg>

React

import type { SVGProps } from "react";

export function UilPlaneArrival(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.12 16.23a5 5 0 0 0-2.3-3L16.71 12l-.48-5.47a1 1 0 0 0-.49-.78l-3-1.72a1 1 0 0 0-1 0a1 1 0 0 0-.52.84l-.15 3.9l-1.75-1l-2.86-3.85a1 1 0 0 0-1.78.41l-.87 4.61a3 3 0 0 0 1.39 3.29l14.06 8.11a1 1 0 0 0 1.36-.34a4.9 4.9 0 0 0 .5-3.77M19.24 18L6.2 10.5a1 1 0 0 1-.44-1.13l.46-2.44l1.66 2.2a1 1 0 0 0 .3.27l3.35 1.94a1 1 0 0 0 1.5-.83l.16-3.9l1.09.63l.48 5.47a1 1 0 0 0 .5.78L17.82 15a2.9 2.9 0 0 1 1.36 1.78a2.74 2.74 0 0 1 .06 1.22"/></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.12 16.23a5 5 0 0 0-2.3-3L16.71 12l-.48-5.47a1 1 0 0 0-.49-.78l-3-1.72a1 1 0 0 0-1 0a1 1 0 0 0-.52.84l-.15 3.9l-1.75-1l-2.86-3.85a1 1 0 0 0-1.78.41l-.87 4.61a3 3 0 0 0 1.39 3.29l14.06 8.11a1 1 0 0 0 1.36-.34a4.9 4.9 0 0 0 .5-3.77M19.24 18L6.2 10.5a1 1 0 0 1-.44-1.13l.46-2.44l1.66 2.2a1 1 0 0 0 .3.27l3.35 1.94a1 1 0 0 0 1.5-.83l.16-3.9l1.09.63l.48 5.47a1 1 0 0 0 .5.78L17.82 15a2.9 2.9 0 0 1 1.36 1.78a2.74 2.74 0 0 1 .06 1.22"/></svg>
</template>

CSS

.icon-plane-arrival {
  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.12%2016.23a5%205%200%200%200-2.3-3L16.71%2012l-.48-5.47a1%201%200%200%200-.49-.78l-3-1.72a1%201%200%200%200-1%200a1%201%200%200%200-.52.84l-.15%203.9l-1.75-1l-2.86-3.85a1%201%200%200%200-1.78.41l-.87%204.61a3%203%200%200%200%201.39%203.29l14.06%208.11a1%201%200%200%200%201.36-.34a4.9%204.9%200%200%200%20.5-3.77M19.24%2018L6.2%2010.5a1%201%200%200%201-.44-1.13l.46-2.44l1.66%202.2a1%201%200%200%200%20.3.27l3.35%201.94a1%201%200%200%200%201.5-.83l.16-3.9l1.09.63l.48%205.47a1%201%200%200%200%20.5.78L17.82%2015a2.9%202.9%200%200%201%201.36%201.78a2.74%202.74%200%200%201%20.06%201.22%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.12%2016.23a5%205%200%200%200-2.3-3L16.71%2012l-.48-5.47a1%201%200%200%200-.49-.78l-3-1.72a1%201%200%200%200-1%200a1%201%200%200%200-.52.84l-.15%203.9l-1.75-1l-2.86-3.85a1%201%200%200%200-1.78.41l-.87%204.61a3%203%200%200%200%201.39%203.29l14.06%208.11a1%201%200%200%200%201.36-.34a4.9%204.9%200%200%200%20.5-3.77M19.24%2018L6.2%2010.5a1%201%200%200%201-.44-1.13l.46-2.44l1.66%202.2a1%201%200%200%200%20.3.27l3.35%201.94a1%201%200%200%200%201.5-.83l.16-3.9l1.09.63l.48%205.47a1%201%200%200%200%20.5.78L17.82%2015a2.9%202.9%200%200%201%201.36%201.78a2.74%202.74%200%200%201%20.06%201.22%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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