airplane mode icon
airplane-mode from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- airplane-mode
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the airplane mode icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.417 11.918L7.74 9.897c.557-.34.836-.509 1.028-.74c.833-1.006.1-2.491.224-3.66c.128-1.21 1.282-2.865 2.445-3.379a1.4 1.4 0 0 1 1.127 0c1.163.514 2.317 2.169 2.446 3.379c.124 1.169-.61 2.654.223 3.66c.193.231.472.4 1.029.74l3.322 2.021c1.016.619 1.417 1.28 1.417 2.522c0 .676-.3.857-.903.719l-5.824-1.333l-.262 2.289c-.095.83-.142 1.245-.005 1.625c.321.89 1.411 1.62 2.077 2.267c.368.357.77 1.386.35 1.854c-.259.29-.68.055-.97-.058l-2.788-1.085c-.333-.13-.5-.194-.675-.194s-.342.065-.675.194l-2.79 1.085c-.289.113-.71.347-.969.058c-.42-.468-.018-1.497.35-1.854c.666-.648 1.757-1.377 2.078-2.267c.137-.38.09-.795-.005-1.625l-.262-2.289l-5.824 1.333c-.604.138-.903-.043-.903-.72c0-1.242.4-1.902 1.417-2.52"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsAirplaneMode(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M4.417 11.918L7.74 9.897c.557-.34.836-.509 1.028-.74c.833-1.006.1-2.491.224-3.66c.128-1.21 1.282-2.865 2.445-3.379a1.4 1.4 0 0 1 1.127 0c1.163.514 2.317 2.169 2.446 3.379c.124 1.169-.61 2.654.223 3.66c.193.231.472.4 1.029.74l3.322 2.021c1.016.619 1.417 1.28 1.417 2.522c0 .676-.3.857-.903.719l-5.824-1.333l-.262 2.289c-.095.83-.142 1.245-.005 1.625c.321.89 1.411 1.62 2.077 2.267c.368.357.77 1.386.35 1.854c-.259.29-.68.055-.97-.058l-2.788-1.085c-.333-.13-.5-.194-.675-.194s-.342.065-.675.194l-2.79 1.085c-.289.113-.71.347-.969.058c-.42-.468-.018-1.497.35-1.854c.666-.648 1.757-1.377 2.078-2.267c.137-.38.09-.795-.005-1.625l-.262-2.289l-5.824 1.333c-.604.138-.903-.043-.903-.72c0-1.242.4-1.902 1.417-2.52"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.417 11.918L7.74 9.897c.557-.34.836-.509 1.028-.74c.833-1.006.1-2.491.224-3.66c.128-1.21 1.282-2.865 2.445-3.379a1.4 1.4 0 0 1 1.127 0c1.163.514 2.317 2.169 2.446 3.379c.124 1.169-.61 2.654.223 3.66c.193.231.472.4 1.029.74l3.322 2.021c1.016.619 1.417 1.28 1.417 2.522c0 .676-.3.857-.903.719l-5.824-1.333l-.262 2.289c-.095.83-.142 1.245-.005 1.625c.321.89 1.411 1.62 2.077 2.267c.368.357.77 1.386.35 1.854c-.259.29-.68.055-.97-.058l-2.788-1.085c-.333-.13-.5-.194-.675-.194s-.342.065-.675.194l-2.79 1.085c-.289.113-.71.347-.969.058c-.42-.468-.018-1.497.35-1.854c.666-.648 1.757-1.377 2.078-2.267c.137-.38.09-.795-.005-1.625l-.262-2.289l-5.824 1.333c-.604.138-.903-.043-.903-.72c0-1.242.4-1.902 1.417-2.52"/></svg> </template>
CSS
.icon-airplane-mode {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4.417%2011.918L7.74%209.897c.557-.34.836-.509%201.028-.74c.833-1.006.1-2.491.224-3.66c.128-1.21%201.282-2.865%202.445-3.379a1.4%201.4%200%200%201%201.127%200c1.163.514%202.317%202.169%202.446%203.379c.124%201.169-.61%202.654.223%203.66c.193.231.472.4%201.029.74l3.322%202.021c1.016.619%201.417%201.28%201.417%202.522c0%20.676-.3.857-.903.719l-5.824-1.333l-.262%202.289c-.095.83-.142%201.245-.005%201.625c.321.89%201.411%201.62%202.077%202.267c.368.357.77%201.386.35%201.854c-.259.29-.68.055-.97-.058l-2.788-1.085c-.333-.13-.5-.194-.675-.194s-.342.065-.675.194l-2.79%201.085c-.289.113-.71.347-.969.058c-.42-.468-.018-1.497.35-1.854c.666-.648%201.757-1.377%202.078-2.267c.137-.38.09-.795-.005-1.625l-.262-2.289l-5.824%201.333c-.604.138-.903-.043-.903-.72c0-1.242.4-1.902%201.417-2.52%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4.417%2011.918L7.74%209.897c.557-.34.836-.509%201.028-.74c.833-1.006.1-2.491.224-3.66c.128-1.21%201.282-2.865%202.445-3.379a1.4%201.4%200%200%201%201.127%200c1.163.514%202.317%202.169%202.446%203.379c.124%201.169-.61%202.654.223%203.66c.193.231.472.4%201.029.74l3.322%202.021c1.016.619%201.417%201.28%201.417%202.522c0%20.676-.3.857-.903.719l-5.824-1.333l-.262%202.289c-.095.83-.142%201.245-.005%201.625c.321.89%201.411%201.62%202.077%202.267c.368.357.77%201.386.35%201.854c-.259.29-.68.055-.97-.058l-2.788-1.085c-.333-.13-.5-.194-.675-.194s-.342.065-.675.194l-2.79%201.085c-.289.113-.71.347-.969.058c-.42-.468-.018-1.497.35-1.854c.666-.648%201.757-1.377%202.078-2.267c.137-.38.09-.795-.005-1.625l-.262-2.289l-5.824%201.333c-.604.138-.903-.043-.903-.72c0-1.242.4-1.902%201.417-2.52%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/airplane-mode.svg?color=%231a73e8&size=48
