airplane icon
airplane-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- airplane-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
airplaneBootstrap IconsairplaneEmoji One (Colored)airplaneFramework7 Iconsairplane-16-filledFluent UI System IconsairplaneFluent EmojiairplaneFluent Emoji FlatairplaneFluent Emoji High ContrastairplaneFirefox OS Emojiairplanecss.ggairplaneIconParkairplaneIconPark OutlineairplaneIconPark SolidairplaneIconPark TwoToneairplaneIconoirairplaneMajesticonsairplaneMaterial Design Iconsairplane-fillMingCute IconairplaneNoto EmojiairplaneOpenMojiairplanePhosphorairplaneStreamline EmojisairplaneTwitter Emoji
Use the airplane icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M407.72 224c-3.4 0-14.79.1-18 .3l-64.9 1.7a1.83 1.83 0 0 1-1.69-.9L193.55 67.56a9 9 0 0 0-6.66-3.56H160l73 161a2.35 2.35 0 0 1-2.26 3.35l-121.69 1.8a8.06 8.06 0 0 1-6.6-3.1l-37-45c-3-3.9-8.62-6-13.51-6H33.08c-1.29 0-1.1 1.21-.75 2.43l19.84 71.42a16.3 16.3 0 0 1 0 11.9L32.31 333c-.59 1.95-.52 3 1.77 3H52c8.14 0 9.25-1.06 13.41-6.3l37.7-45.7a8.19 8.19 0 0 1 6.6-3.1l120.68 2.7a2.7 2.7 0 0 1 2.43 3.74L160 448h26.64a9 9 0 0 0 6.65-3.55L323.14 287c.39-.6 2-.9 2.69-.9l63.9 1.7c3.3.2 14.59.3 18 .3C452 288.1 480 275.93 480 256s-27.88-32-72.28-32"/></svg>
React
import type { SVGProps } from "react";
export function IonAirplaneOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M407.72 224c-3.4 0-14.79.1-18 .3l-64.9 1.7a1.83 1.83 0 0 1-1.69-.9L193.55 67.56a9 9 0 0 0-6.66-3.56H160l73 161a2.35 2.35 0 0 1-2.26 3.35l-121.69 1.8a8.06 8.06 0 0 1-6.6-3.1l-37-45c-3-3.9-8.62-6-13.51-6H33.08c-1.29 0-1.1 1.21-.75 2.43l19.84 71.42a16.3 16.3 0 0 1 0 11.9L32.31 333c-.59 1.95-.52 3 1.77 3H52c8.14 0 9.25-1.06 13.41-6.3l37.7-45.7a8.19 8.19 0 0 1 6.6-3.1l120.68 2.7a2.7 2.7 0 0 1 2.43 3.74L160 448h26.64a9 9 0 0 0 6.65-3.55L323.14 287c.39-.6 2-.9 2.69-.9l63.9 1.7c3.3.2 14.59.3 18 .3C452 288.1 480 275.93 480 256s-27.88-32-72.28-32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M407.72 224c-3.4 0-14.79.1-18 .3l-64.9 1.7a1.83 1.83 0 0 1-1.69-.9L193.55 67.56a9 9 0 0 0-6.66-3.56H160l73 161a2.35 2.35 0 0 1-2.26 3.35l-121.69 1.8a8.06 8.06 0 0 1-6.6-3.1l-37-45c-3-3.9-8.62-6-13.51-6H33.08c-1.29 0-1.1 1.21-.75 2.43l19.84 71.42a16.3 16.3 0 0 1 0 11.9L32.31 333c-.59 1.95-.52 3 1.77 3H52c8.14 0 9.25-1.06 13.41-6.3l37.7-45.7a8.19 8.19 0 0 1 6.6-3.1l120.68 2.7a2.7 2.7 0 0 1 2.43 3.74L160 448h26.64a9 9 0 0 0 6.65-3.55L323.14 287c.39-.6 2-.9 2.69-.9l63.9 1.7c3.3.2 14.59.3 18 .3C452 288.1 480 275.93 480 256s-27.88-32-72.28-32"/></svg> </template>
CSS
.icon-airplane-outline {
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%20512%20512%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%20d%3D%22M407.72%20224c-3.4%200-14.79.1-18%20.3l-64.9%201.7a1.83%201.83%200%200%201-1.69-.9L193.55%2067.56a9%209%200%200%200-6.66-3.56H160l73%20161a2.35%202.35%200%200%201-2.26%203.35l-121.69%201.8a8.06%208.06%200%200%201-6.6-3.1l-37-45c-3-3.9-8.62-6-13.51-6H33.08c-1.29%200-1.1%201.21-.75%202.43l19.84%2071.42a16.3%2016.3%200%200%201%200%2011.9L32.31%20333c-.59%201.95-.52%203%201.77%203H52c8.14%200%209.25-1.06%2013.41-6.3l37.7-45.7a8.19%208.19%200%200%201%206.6-3.1l120.68%202.7a2.7%202.7%200%200%201%202.43%203.74L160%20448h26.64a9%209%200%200%200%206.65-3.55L323.14%20287c.39-.6%202-.9%202.69-.9l63.9%201.7c3.3.2%2014.59.3%2018%20.3C452%20288.1%20480%20275.93%20480%20256s-27.88-32-72.28-32%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%20512%20512%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%20d%3D%22M407.72%20224c-3.4%200-14.79.1-18%20.3l-64.9%201.7a1.83%201.83%200%200%201-1.69-.9L193.55%2067.56a9%209%200%200%200-6.66-3.56H160l73%20161a2.35%202.35%200%200%201-2.26%203.35l-121.69%201.8a8.06%208.06%200%200%201-6.6-3.1l-37-45c-3-3.9-8.62-6-13.51-6H33.08c-1.29%200-1.1%201.21-.75%202.43l19.84%2071.42a16.3%2016.3%200%200%201%200%2011.9L32.31%20333c-.59%201.95-.52%203%201.77%203H52c8.14%200%209.25-1.06%2013.41-6.3l37.7-45.7a8.19%208.19%200%200%201%206.6-3.1l120.68%202.7a2.7%202.7%200%200%201%202.43%203.74L160%20448h26.64a9%209%200%200%200%206.65-3.55L323.14%20287c.39-.6%202-.9%202.69-.9l63.9%201.7c3.3.2%2014.59.3%2018%20.3C452%20288.1%20480%20275.93%20480%20256s-27.88-32-72.28-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/airplane-outline.svg?color=%231a73e8&size=48
