airplane emoji
airplane from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- airplane
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji 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 TwoToneairplaneIconoirairplaneIonIconsairplaneMajesticonsairplaneMaterial Design Iconsairplane-fillMingCute IconairplaneNoto EmojiairplaneOpenMojiairplanePhosphorairplaneStreamline Emojis
More travel & places icons from Twitter Emoji
Use the airplane emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M30 23.828a.997.997 0 0 1-1.414 0l-1.414-1.414a.997.997 0 0 1 0-1.414L30 18.172a1 1 0 0 1 1.414 0l1.414 1.414a.997.997 0 0 1 0 1.414zm-15-15a.997.997 0 0 1-1.414 0l-1.414-1.414a.997.997 0 0 1 0-1.414L15 3.172a1 1 0 0 1 1.414 0l1.414 1.414a.997.997 0 0 1 0 1.414z"/><path fill="#55acee" d="M2 22c2 0 11 1 11 1s1 9 1 11s-2 2-3 1s-4-6-4-6s-5-3-6-4s-1-3 1-3M4 6.039C7 6 29 7 29 7s.924 22 .962 25s-2.763 4.002-3.862.001S21 15 21 15S7.045 10.583 3.995 9.898C0 9 .999 6.077 4 6.039"/><path fill="#ccd6dd" d="M27 3c2-2 7-3 8-2s0 6-2 8s-19 18-19 18s-6.5 4.5-8 3s3-8 3-8S25 5 27 3"/><path fill="#66757f" d="M14 22s.5.5-4 5s-5 4-5 4s-.5-.5 4-5s5-4 5-4M29 4a3 3 0 0 1 3 3h.805c.114-.315.195-.645.195-1a3 3 0 0 0-3-3c-.355 0-.685.081-1 .195z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiAirplane(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M30 23.828a.997.997 0 0 1-1.414 0l-1.414-1.414a.997.997 0 0 1 0-1.414L30 18.172a1 1 0 0 1 1.414 0l1.414 1.414a.997.997 0 0 1 0 1.414zm-15-15a.997.997 0 0 1-1.414 0l-1.414-1.414a.997.997 0 0 1 0-1.414L15 3.172a1 1 0 0 1 1.414 0l1.414 1.414a.997.997 0 0 1 0 1.414z"/><path fill="#55acee" d="M2 22c2 0 11 1 11 1s1 9 1 11s-2 2-3 1s-4-6-4-6s-5-3-6-4s-1-3 1-3M4 6.039C7 6 29 7 29 7s.924 22 .962 25s-2.763 4.002-3.862.001S21 15 21 15S7.045 10.583 3.995 9.898C0 9 .999 6.077 4 6.039"/><path fill="#ccd6dd" d="M27 3c2-2 7-3 8-2s0 6-2 8s-19 18-19 18s-6.5 4.5-8 3s3-8 3-8S25 5 27 3"/><path fill="#66757f" d="M14 22s.5.5-4 5s-5 4-5 4s-.5-.5 4-5s5-4 5-4M29 4a3 3 0 0 1 3 3h.805c.114-.315.195-.645.195-1a3 3 0 0 0-3-3c-.355 0-.685.081-1 .195z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M30 23.828a.997.997 0 0 1-1.414 0l-1.414-1.414a.997.997 0 0 1 0-1.414L30 18.172a1 1 0 0 1 1.414 0l1.414 1.414a.997.997 0 0 1 0 1.414zm-15-15a.997.997 0 0 1-1.414 0l-1.414-1.414a.997.997 0 0 1 0-1.414L15 3.172a1 1 0 0 1 1.414 0l1.414 1.414a.997.997 0 0 1 0 1.414z"/><path fill="#55acee" d="M2 22c2 0 11 1 11 1s1 9 1 11s-2 2-3 1s-4-6-4-6s-5-3-6-4s-1-3 1-3M4 6.039C7 6 29 7 29 7s.924 22 .962 25s-2.763 4.002-3.862.001S21 15 21 15S7.045 10.583 3.995 9.898C0 9 .999 6.077 4 6.039"/><path fill="#ccd6dd" d="M27 3c2-2 7-3 8-2s0 6-2 8s-19 18-19 18s-6.5 4.5-8 3s3-8 3-8S25 5 27 3"/><path fill="#66757f" d="M14 22s.5.5-4 5s-5 4-5 4s-.5-.5 4-5s5-4 5-4M29 4a3 3 0 0 1 3 3h.805c.114-.315.195-.645.195-1a3 3 0 0 0-3-3c-.355 0-.685.081-1 .195z"/></svg> </template>
CSS
.icon-airplane {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M30%2023.828a.997.997%200%200%201-1.414%200l-1.414-1.414a.997.997%200%200%201%200-1.414L30%2018.172a1%201%200%200%201%201.414%200l1.414%201.414a.997.997%200%200%201%200%201.414zm-15-15a.997.997%200%200%201-1.414%200l-1.414-1.414a.997.997%200%200%201%200-1.414L15%203.172a1%201%200%200%201%201.414%200l1.414%201.414a.997.997%200%200%201%200%201.414z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M2%2022c2%200%2011%201%2011%201s1%209%201%2011s-2%202-3%201s-4-6-4-6s-5-3-6-4s-1-3%201-3M4%206.039C7%206%2029%207%2029%207s.924%2022%20.962%2025s-2.763%204.002-3.862.001S21%2015%2021%2015S7.045%2010.583%203.995%209.898C0%209%20.999%206.077%204%206.039%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M27%203c2-2%207-3%208-2s0%206-2%208s-19%2018-19%2018s-6.5%204.5-8%203s3-8%203-8S25%205%2027%203%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M14%2022s.5.5-4%205s-5%204-5%204s-.5-.5%204-5s5-4%205-4M29%204a3%203%200%200%201%203%203h.805c.114-.315.195-.645.195-1a3%203%200%200%200-3-3c-.355%200-.685.081-1%20.195z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M30%2023.828a.997.997%200%200%201-1.414%200l-1.414-1.414a.997.997%200%200%201%200-1.414L30%2018.172a1%201%200%200%201%201.414%200l1.414%201.414a.997.997%200%200%201%200%201.414zm-15-15a.997.997%200%200%201-1.414%200l-1.414-1.414a.997.997%200%200%201%200-1.414L15%203.172a1%201%200%200%201%201.414%200l1.414%201.414a.997.997%200%200%201%200%201.414z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M2%2022c2%200%2011%201%2011%201s1%209%201%2011s-2%202-3%201s-4-6-4-6s-5-3-6-4s-1-3%201-3M4%206.039C7%206%2029%207%2029%207s.924%2022%20.962%2025s-2.763%204.002-3.862.001S21%2015%2021%2015S7.045%2010.583%203.995%209.898C0%209%20.999%206.077%204%206.039%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M27%203c2-2%207-3%208-2s0%206-2%208s-19%2018-19%2018s-6.5%204.5-8%203s3-8%203-8S25%205%2027%203%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M14%2022s.5.5-4%205s-5%204-5%204s-.5-.5%204-5s5-4%205-4M29%204a3%203%200%200%201%203%203h.805c.114-.315.195-.645.195-1a3%203%200%200%200-3-3c-.355%200-.685.081-1%20.195z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/airplane.svg?color=%231a73e8&size=48
