Add icons to this collection by clicking the heart icon.
Sailboat icon - also known as ship, sail, sailboat, vehicle, transportation, cruise, boats, yatch, and sailboats. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e15c63" />
<stop offset=".406" stop-color="#de585f" />
<stop offset=".826" stop-color="#d44b53" />
<stop offset="1" stop-color="#ce444c" />
</linearGradient>
<linearGradient
id="f"
x1="34"
x2="34"
y1="-19.209"
y2="70.515"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#58595b" />
<stop offset="1" stop-color="#414042" />
</linearGradient>
<linearGradient
id="g"
x1="83.5"
x2="83.5"
y1="10.124"
y2="62.003"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="76"
x2="76"
y1="10.124"
y2="62.003"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#404f58" />
<stop offset="1" stop-color="#33454a" />
</linearGradient>
<linearGradient
id="i"
x1="56"
x2="60"
y1="6.556"
y2="6.556"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="58"
x2="58"
y1="57.83"
y2="72.623"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="64"
x2="68"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#f1f2f2" />
<stop offset="1" stop-color="#e6e7e8" />
</linearGradient>
<linearGradient
id="l"
x1="64"
x2="64"
y1="87.493"
y2="117.539"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="26"
x2="26"
y1="94.58"
y2="149.792"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#ffd486" />
<stop offset="1" stop-color="#ffb76a" />
</linearGradient>
<linearGradient
id="n"
x1="26"
x2="26"
y1="88.16"
y2="96.169"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="o"
x1="17"
x2="17"
y1="105.829"
y2="120.132"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="102"
x2="102"
y1="94.58"
y2="149.792"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="102"
x2="102"
y1="88.16"
y2="96.169"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="r"
x1="111"
x2="111"
y1="105.829"
y2="120.132"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="64"
x2="64"
y1="82.546"
y2="87.04"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="64"
x2="64"
y1="80.486"
y2="95.896"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="64"
x2="64"
y1="90.036"
y2="99.601"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="64"
x2="64"
y1="106.225"
y2="122.931"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="66"
x2="66"
y1="57.83"
y2="72.623"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="44.5"
x2="44.5"
y1="2.72"
y2="103.069"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#f)" d="M57 6.556 11 70h46z" />
<path
fill="url(#g)"
d="M101.001 87a1 1 0 0 1-.898-.558l-35-71a1 1 0 1 1 1.794-.884l35 71a1 1 0 0 1-.896 1.442z"
/>
<path
fill="url(#h)"
d="M89.001 87c-.352 0-.693-.187-.876-.516l-26-47a1 1 0 1 1 1.75-.968l26 47A1 1 0 0 1 89.001 87z"
/>
<ellipse cx="58" cy="6.556" fill="url(#i)" rx="2" ry="4.556" />
<path fill="url(#j)" d="M56 6.556h4V84h-4z" />
<ellipse cx="66" cy="15" fill="url(#k)" rx="2" ry="4" />
<path fill="url(#l)" d="M64 100H44v16h40v-16z" />
<path fill="url(#m)" d="m14 100-6 10 6 16h24l6-10v-16z" />
<path fill="url(#n)" d="M10.057 106.571 8 110l18 5 18-5v-4l-18 5z" />
<path fill="url(#o)" d="m8 110 6 16h12v-11z" />
<path fill="url(#p)" d="m114 100 6 10-6 16H90l-6-10v-16z" />
<path fill="url(#q)" d="M117.943 106.571 120 110l-18 5-18-5v-4l18 5z" />
<path fill="url(#r)" d="m120 110-6 16h-12v-11z" />
<path
fill="url(#s)"
d="M106.13 83H21.87A1.87 1.87 0 0 0 20 84.87v.26A1.87 1.87 0 0 0 21.87 87h84.26a1.87 1.87 0 0 0 1.87-1.87v-.26a1.87 1.87 0 0 0-1.87-1.87z"
/>
<path fill="url(#t)" d="M64 87H23v7h82v-7z" />
<path fill="url(#u)" d="M64 94H14v6h100v-6z" />
<path fill="url(#v)" d="M64 106H44v10h40v-10z" />
<path fill="url(#w)" d="M64 15h4v68h-4z" />
<path fill="url(#x)" d="M64 15 25 77h39z" />
</svg>
More icons in the same style and category