sailboat emoji
sailboat from Streamline Emojis by Streamline · Default · Travel Places · CC-BY-4.0 Attribution required.
- Name
- sailboat
- Set
- Streamline Emojis
- Style
- Default
- Category
- Travel Places
- Viewbox
- 48×48
- 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 IconsailboatTabler IconssailboatTwitter Emoji
More travel places icons from Streamline Emojis
Use the sailboat emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.98 45.39a15.02 1.61 0 1 0 30.04 0a15.02 1.61 0 1 0-30.04 0" opacity=".15"/><path fill="#bf8256" d="M39.81 37.62a.88.88 0 0 1 .87 1c-.75 5.94-7.44 6.89-17.07 6.89s-16.33-1-17.08-6.89a.88.88 0 0 1 .87-1Z"/><path fill="#dea47a" d="M7 40.36a.9.9 0 0 1 .43-.11h32.38a.9.9 0 0 1 .43.11a7 7 0 0 0 .44-1.75a.88.88 0 0 0-.87-1H7.4a.88.88 0 0 0-.87 1A7 7 0 0 0 7 40.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.81 37.62a.88.88 0 0 1 .87 1c-.75 5.94-7.44 6.89-17.07 6.89s-16.33-1-17.08-6.89a.88.88 0 0 1 .87-1Z"/><path fill="#ff6242" d="M26 5.21h-1.1v28h15.55a.88.88 0 0 0 .65-1.47a67 67 0 0 1-14.25-25.9a.87.87 0 0 0-.85-.63"/><path fill="#ffe500" d="M29.4 13.08a36 36 0 0 1-4.48 1.67v5.95a35.7 35.7 0 0 0 6.82-2.63c-.83-1.62-1.63-3.27-2.34-4.99m4.71 9.23a35.3 35.3 0 0 1-9.19 3.54v5.89a34.2 34.2 0 0 0 12.13-5C36 25.28 35 23.82 34.11 22.31"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26 5.21h-1.1v28h15.55a.88.88 0 0 0 .65-1.47a67 67 0 0 1-14.25-25.9a.87.87 0 0 0-.85-.63"/><path fill="#ff6242" d="M23.17 1.71V35H4.38a.86.86 0 0 1-.61-1.49c7.67-7.43 14.02-18.33 19.4-31.8"/><path fill="#ffe500" d="M23.17 11.5c-1.86.86-3.68 1.58-5.4 2.18q-2.34 4.55-4.88 8.49a63 63 0 0 0 10.28-3.66Zm-19.4 22a.86.86 0 0 0 .61 1.5h7.28a57 57 0 0 0 11.51-5.25v-7A59.8 59.8 0 0 1 7.8 29.14a59 59 0 0 1-4.03 4.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.17 1.71V35H4.38a.86.86 0 0 1-.61-1.49c7.67-7.43 14.02-18.33 19.4-31.8"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.17 1.71h1.75v35.91h-1.75z"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisSailboat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.98 45.39a15.02 1.61 0 1 0 30.04 0a15.02 1.61 0 1 0-30.04 0" opacity=".15"/><path fill="#bf8256" d="M39.81 37.62a.88.88 0 0 1 .87 1c-.75 5.94-7.44 6.89-17.07 6.89s-16.33-1-17.08-6.89a.88.88 0 0 1 .87-1Z"/><path fill="#dea47a" d="M7 40.36a.9.9 0 0 1 .43-.11h32.38a.9.9 0 0 1 .43.11a7 7 0 0 0 .44-1.75a.88.88 0 0 0-.87-1H7.4a.88.88 0 0 0-.87 1A7 7 0 0 0 7 40.36"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M39.81 37.62a.88.88 0 0 1 .87 1c-.75 5.94-7.44 6.89-17.07 6.89s-16.33-1-17.08-6.89a.88.88 0 0 1 .87-1Z"/><path fill="#ff6242" d="M26 5.21h-1.1v28h15.55a.88.88 0 0 0 .65-1.47a67 67 0 0 1-14.25-25.9a.87.87 0 0 0-.85-.63"/><path fill="#ffe500" d="M29.4 13.08a36 36 0 0 1-4.48 1.67v5.95a35.7 35.7 0 0 0 6.82-2.63c-.83-1.62-1.63-3.27-2.34-4.99m4.71 9.23a35.3 35.3 0 0 1-9.19 3.54v5.89a34.2 34.2 0 0 0 12.13-5C36 25.28 35 23.82 34.11 22.31"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M26 5.21h-1.1v28h15.55a.88.88 0 0 0 .65-1.47a67 67 0 0 1-14.25-25.9a.87.87 0 0 0-.85-.63"/><path fill="#ff6242" d="M23.17 1.71V35H4.38a.86.86 0 0 1-.61-1.49c7.67-7.43 14.02-18.33 19.4-31.8"/><path fill="#ffe500" d="M23.17 11.5c-1.86.86-3.68 1.58-5.4 2.18q-2.34 4.55-4.88 8.49a63 63 0 0 0 10.28-3.66Zm-19.4 22a.86.86 0 0 0 .61 1.5h7.28a57 57 0 0 0 11.51-5.25v-7A59.8 59.8 0 0 1 7.8 29.14a59 59 0 0 1-4.03 4.36"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M23.17 1.71V35H4.38a.86.86 0 0 1-.61-1.49c7.67-7.43 14.02-18.33 19.4-31.8"/><path fill="#bf8256" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M23.17 1.71h1.75v35.91h-1.75z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M8.98 45.39a15.02 1.61 0 1 0 30.04 0a15.02 1.61 0 1 0-30.04 0" opacity=".15"/><path fill="#bf8256" d="M39.81 37.62a.88.88 0 0 1 .87 1c-.75 5.94-7.44 6.89-17.07 6.89s-16.33-1-17.08-6.89a.88.88 0 0 1 .87-1Z"/><path fill="#dea47a" d="M7 40.36a.9.9 0 0 1 .43-.11h32.38a.9.9 0 0 1 .43.11a7 7 0 0 0 .44-1.75a.88.88 0 0 0-.87-1H7.4a.88.88 0 0 0-.87 1A7 7 0 0 0 7 40.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.81 37.62a.88.88 0 0 1 .87 1c-.75 5.94-7.44 6.89-17.07 6.89s-16.33-1-17.08-6.89a.88.88 0 0 1 .87-1Z"/><path fill="#ff6242" d="M26 5.21h-1.1v28h15.55a.88.88 0 0 0 .65-1.47a67 67 0 0 1-14.25-25.9a.87.87 0 0 0-.85-.63"/><path fill="#ffe500" d="M29.4 13.08a36 36 0 0 1-4.48 1.67v5.95a35.7 35.7 0 0 0 6.82-2.63c-.83-1.62-1.63-3.27-2.34-4.99m4.71 9.23a35.3 35.3 0 0 1-9.19 3.54v5.89a34.2 34.2 0 0 0 12.13-5C36 25.28 35 23.82 34.11 22.31"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26 5.21h-1.1v28h15.55a.88.88 0 0 0 .65-1.47a67 67 0 0 1-14.25-25.9a.87.87 0 0 0-.85-.63"/><path fill="#ff6242" d="M23.17 1.71V35H4.38a.86.86 0 0 1-.61-1.49c7.67-7.43 14.02-18.33 19.4-31.8"/><path fill="#ffe500" d="M23.17 11.5c-1.86.86-3.68 1.58-5.4 2.18q-2.34 4.55-4.88 8.49a63 63 0 0 0 10.28-3.66Zm-19.4 22a.86.86 0 0 0 .61 1.5h7.28a57 57 0 0 0 11.51-5.25v-7A59.8 59.8 0 0 1 7.8 29.14a59 59 0 0 1-4.03 4.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.17 1.71V35H4.38a.86.86 0 0 1-.61-1.49c7.67-7.43 14.02-18.33 19.4-31.8"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.17 1.71h1.75v35.91h-1.75z"/></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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M8.98%2045.39a15.02%201.61%200%201%200%2030.04%200a15.02%201.61%200%201%200-30.04%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23bf8256%22%20d%3D%22M39.81%2037.62a.88.88%200%200%201%20.87%201c-.75%205.94-7.44%206.89-17.07%206.89s-16.33-1-17.08-6.89a.88.88%200%200%201%20.87-1Z%22%2F%3E%3Cpath%20fill%3D%22%23dea47a%22%20d%3D%22M7%2040.36a.9.9%200%200%201%20.43-.11h32.38a.9.9%200%200%201%20.43.11a7%207%200%200%200%20.44-1.75a.88.88%200%200%200-.87-1H7.4a.88.88%200%200%200-.87%201A7%207%200%200%200%207%2040.36%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M39.81%2037.62a.88.88%200%200%201%20.87%201c-.75%205.94-7.44%206.89-17.07%206.89s-16.33-1-17.08-6.89a.88.88%200%200%201%20.87-1Z%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M26%205.21h-1.1v28h15.55a.88.88%200%200%200%20.65-1.47a67%2067%200%200%201-14.25-25.9a.87.87%200%200%200-.85-.63%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M29.4%2013.08a36%2036%200%200%201-4.48%201.67v5.95a35.7%2035.7%200%200%200%206.82-2.63c-.83-1.62-1.63-3.27-2.34-4.99m4.71%209.23a35.3%2035.3%200%200%201-9.19%203.54v5.89a34.2%2034.2%200%200%200%2012.13-5C36%2025.28%2035%2023.82%2034.11%2022.31%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M26%205.21h-1.1v28h15.55a.88.88%200%200%200%20.65-1.47a67%2067%200%200%201-14.25-25.9a.87.87%200%200%200-.85-.63%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M23.17%201.71V35H4.38a.86.86%200%200%201-.61-1.49c7.67-7.43%2014.02-18.33%2019.4-31.8%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M23.17%2011.5c-1.86.86-3.68%201.58-5.4%202.18q-2.34%204.55-4.88%208.49a63%2063%200%200%200%2010.28-3.66Zm-19.4%2022a.86.86%200%200%200%20.61%201.5h7.28a57%2057%200%200%200%2011.51-5.25v-7A59.8%2059.8%200%200%201%207.8%2029.14a59%2059%200%200%201-4.03%204.36%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M23.17%201.71V35H4.38a.86.86%200%200%201-.61-1.49c7.67-7.43%2014.02-18.33%2019.4-31.8%22%2F%3E%3Cpath%20fill%3D%22%23bf8256%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M23.17%201.71h1.75v35.91h-1.75z%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M8.98%2045.39a15.02%201.61%200%201%200%2030.04%200a15.02%201.61%200%201%200-30.04%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23bf8256%22%20d%3D%22M39.81%2037.62a.88.88%200%200%201%20.87%201c-.75%205.94-7.44%206.89-17.07%206.89s-16.33-1-17.08-6.89a.88.88%200%200%201%20.87-1Z%22%2F%3E%3Cpath%20fill%3D%22%23dea47a%22%20d%3D%22M7%2040.36a.9.9%200%200%201%20.43-.11h32.38a.9.9%200%200%201%20.43.11a7%207%200%200%200%20.44-1.75a.88.88%200%200%200-.87-1H7.4a.88.88%200%200%200-.87%201A7%207%200%200%200%207%2040.36%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M39.81%2037.62a.88.88%200%200%201%20.87%201c-.75%205.94-7.44%206.89-17.07%206.89s-16.33-1-17.08-6.89a.88.88%200%200%201%20.87-1Z%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M26%205.21h-1.1v28h15.55a.88.88%200%200%200%20.65-1.47a67%2067%200%200%201-14.25-25.9a.87.87%200%200%200-.85-.63%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M29.4%2013.08a36%2036%200%200%201-4.48%201.67v5.95a35.7%2035.7%200%200%200%206.82-2.63c-.83-1.62-1.63-3.27-2.34-4.99m4.71%209.23a35.3%2035.3%200%200%201-9.19%203.54v5.89a34.2%2034.2%200%200%200%2012.13-5C36%2025.28%2035%2023.82%2034.11%2022.31%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M26%205.21h-1.1v28h15.55a.88.88%200%200%200%20.65-1.47a67%2067%200%200%201-14.25-25.9a.87.87%200%200%200-.85-.63%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M23.17%201.71V35H4.38a.86.86%200%200%201-.61-1.49c7.67-7.43%2014.02-18.33%2019.4-31.8%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M23.17%2011.5c-1.86.86-3.68%201.58-5.4%202.18q-2.34%204.55-4.88%208.49a63%2063%200%200%200%2010.28-3.66Zm-19.4%2022a.86.86%200%200%200%20.61%201.5h7.28a57%2057%200%200%200%2011.51-5.25v-7A59.8%2059.8%200%200%201%207.8%2029.14a59%2059%200%200%201-4.03%204.36%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M23.17%201.71V35H4.38a.86.86%200%200%201-.61-1.49c7.67-7.43%2014.02-18.33%2019.4-31.8%22%2F%3E%3Cpath%20fill%3D%22%23bf8256%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M23.17%201.71h1.75v35.91h-1.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/sailboat.svg?color=%231a73e8&size=48
