Add icons to this collection by clicking the heart icon.
Ship icon - also known as transport, boat, ship, transportation, cruise, yacht, ferry boat, and ships. Created in a clean gradient style with a white, gray, navy, and pink finish, 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="d"
x1="267.702"
x2="267.702"
y1="290.18"
y2="156.861"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="108.728"
x2="108.728"
y1="338.965"
y2="202.987"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d4dbdb" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="f"
x1="15.218"
x2="433.807"
y1="335.39"
y2="335.39"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient
id="g"
x1="257.921"
x2="257.921"
y1="96.08"
y2="157.88"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="186.402"
x2="320.949"
y1="80.289"
y2="80.289"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="49.985"
x2="419.815"
y1="426.562"
y2="426.562"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M162.043 359.408h211.319V198.427c0-19.69-15.962-35.652-35.652-35.652H197.695c-19.69 0-35.652 15.962-35.652 35.652z"
/>
<path
fill="url(#e)"
d="M36.872 363.408h143.713v-109.48c0-13.391-10.855-24.246-24.246-24.246H61.118c-13.391 0-24.246 10.855-24.246 24.246z"
/>
<path
fill="url(#f)"
d="m130.205 322.538 13.9-82.782c2.423-14.429 14.913-24.997 29.544-24.997h104.816a29.958 29.958 0 0 1 28.569 20.941l10.091 31.972a17.332 17.332 0 0 0 16.53 12.116h140.316c21.083 0 34.598 22.427 24.747 41.068l-47.533 89.949a84.87 84.87 0 0 1-75.037 45.218H65.528c-29.292 0-54.112-21.568-58.199-50.574L.154 354.524c-1.304-9.254 5.881-17.522 15.226-17.522h97.732a17.335 17.335 0 0 0 17.093-14.464z"
/>
<path fill="url(#g)" d="M215.65 162.775h84.543V114.6H215.65z" />
<path
fill="url(#h)"
d="M215.65 114.6h97.825c9.916 0 17.955-8.039 17.955-17.955V78.831c0-18.144-14.709-32.853-32.853-32.853h-68.03c-18.144 0-32.853 14.709-32.853 32.853v17.813c.001 9.917 8.04 17.956 17.956 17.956z"
/>
<path
fill="url(#i)"
d="m458.427 397.103-7.24 13.701c-14.699 27.815-43.578 45.218-75.037 45.218H65.528c-29.292 0-54.112-21.568-58.199-50.574l-1.176-8.345z"
/>
<ellipse cx="243.545" cy="366.61" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="419.316" cy="366.61" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="269.151" cy="336.992" r="29.618" fill="#fff" />
<circle
cx="281.117"
cy="336.992"
r="17.652"
fill="#3b3b44"
transform="rotate(-76.7 281.206 337.078)"
/>
<circle cx="393.709" cy="336.992" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle
cx="405.612"
cy="336.992"
r="17.652"
transform="rotate(-45 405.582 337.091)"
/>
<ellipse cx="331.43" cy="359.444" rx="13.252" ry="17.352" />
</g>
<path
fill="#17c5d9"
d="M223.207 280.808h-25.512c-5.523 0-10-4.478-10-10s4.477-10 10-10h25.512c5.523 0 10 4.478 10 10s-4.477 10-10 10z"
/>
<g fill="#8196ab">
<path
d="M329.438 439.788h-48.889c-6.351 0-11.5-5.148-11.5-11.5s5.149-11.5 11.5-11.5h48.889c6.351 0 11.5 5.148 11.5 11.5s-5.149 11.5-11.5 11.5zM389.635 439.788h-15.602c-6.351 0-11.5-5.148-11.5-11.5s5.149-11.5 11.5-11.5h15.602c6.351 0 11.5 5.148 11.5 11.5s-5.149 11.5-11.5 11.5z"
/>
</g>
<path
fill="#17c5d9"
d="M114.579 229.682a61.77 61.77 0 0 0-1.046 4.939l-11.985 71.38H80.575c-8.56 0-15.5 6.94-15.5 15.5 0 8.56 6.939 15.5 15.5 15.5h32.536a17.334 17.334 0 0 0 17.094-14.463l13.9-82.782a29.888 29.888 0 0 1 3.629-10.073h-33.155z"
/>
</svg>
More icons in the same style and category