sailboat emoji
sailboat from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- sailboat
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
sailboatEmoji One (Colored)sailboatFont Awesome 6 SolidsailboatFont Awesome SolidsailboatFluent EmojisailboatFluent Emoji FlatsailboatFluent Emoji High ContrastsailboatFirefox OS EmojisailboatHuge IconssailboatIconParksailboatIconPark OutlinesailboatIconPark SolidsailboatIconPark TwoTonesailboatLucidesailboat-fillMingCute IconsailboatNoto EmojisailboatOpenMojisailboatPhosphorsailboat-fillRemix IconsailboatStreamline EmojissailboatTabler Icons
More travel & places icons from Twitter Emoji
Use the sailboat emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a7a9ac" d="M20 26a1 1 0 1 1-2 0V1a1 1 0 0 1 2 0z"/><path fill="#d1d3d4" d="M3 24h31v8H12c-6 0-9-8-9-8"/><path fill="#55acee" d="M0 30h36v6H0z"/><path fill="#ffac33" d="M5 22s2-5 5-9s8-8 8-8s-1 11-1 16v1s-3-1-6-1s-6 1-6 1"/><path fill="#f4900c" d="M20 2s6 6 9 11c2.771 4.618 4 9 4 9s-3-1-6-1s-6 1-6 1v-1c0-9-1-19-1-19"/><path fill="#e6e7e8" d="M2 24a1 1 0 1 0 0 2h33v-2z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSailboat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a7a9ac" d="M20 26a1 1 0 1 1-2 0V1a1 1 0 0 1 2 0z"/><path fill="#d1d3d4" d="M3 24h31v8H12c-6 0-9-8-9-8"/><path fill="#55acee" d="M0 30h36v6H0z"/><path fill="#ffac33" d="M5 22s2-5 5-9s8-8 8-8s-1 11-1 16v1s-3-1-6-1s-6 1-6 1"/><path fill="#f4900c" d="M20 2s6 6 9 11c2.771 4.618 4 9 4 9s-3-1-6-1s-6 1-6 1v-1c0-9-1-19-1-19"/><path fill="#e6e7e8" d="M2 24a1 1 0 1 0 0 2h33v-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a7a9ac" d="M20 26a1 1 0 1 1-2 0V1a1 1 0 0 1 2 0z"/><path fill="#d1d3d4" d="M3 24h31v8H12c-6 0-9-8-9-8"/><path fill="#55acee" d="M0 30h36v6H0z"/><path fill="#ffac33" d="M5 22s2-5 5-9s8-8 8-8s-1 11-1 16v1s-3-1-6-1s-6 1-6 1"/><path fill="#f4900c" d="M20 2s6 6 9 11c2.771 4.618 4 9 4 9s-3-1-6-1s-6 1-6 1v-1c0-9-1-19-1-19"/><path fill="#e6e7e8" d="M2 24a1 1 0 1 0 0 2h33v-2z"/></svg> </template>
CSS
.icon-sailboat {
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%23a7a9ac%22%20d%3D%22M20%2026a1%201%200%201%201-2%200V1a1%201%200%200%201%202%200z%22%2F%3E%3Cpath%20fill%3D%22%23d1d3d4%22%20d%3D%22M3%2024h31v8H12c-6%200-9-8-9-8%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M0%2030h36v6H0z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M5%2022s2-5%205-9s8-8%208-8s-1%2011-1%2016v1s-3-1-6-1s-6%201-6%201%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M20%202s6%206%209%2011c2.771%204.618%204%209%204%209s-3-1-6-1s-6%201-6%201v-1c0-9-1-19-1-19%22%2F%3E%3Cpath%20fill%3D%22%23e6e7e8%22%20d%3D%22M2%2024a1%201%200%201%200%200%202h33v-2z%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%23a7a9ac%22%20d%3D%22M20%2026a1%201%200%201%201-2%200V1a1%201%200%200%201%202%200z%22%2F%3E%3Cpath%20fill%3D%22%23d1d3d4%22%20d%3D%22M3%2024h31v8H12c-6%200-9-8-9-8%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M0%2030h36v6H0z%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M5%2022s2-5%205-9s8-8%208-8s-1%2011-1%2016v1s-3-1-6-1s-6%201-6%201%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M20%202s6%206%209%2011c2.771%204.618%204%209%204%209s-3-1-6-1s-6%201-6%201v-1c0-9-1-19-1-19%22%2F%3E%3Cpath%20fill%3D%22%23e6e7e8%22%20d%3D%22M2%2024a1%201%200%201%200%200%202h33v-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/sailboat.svg?color=%231a73e8&size=48
