Add icons to this collection by clicking the heart icon.
Submarine icon - also known as transport, navigation, navigate, nautical, transportation, nautic, submarine, and miscellaneous. Created in a clean gradient style with a white, silver, and orange 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="#ac6c58" />
<stop offset="1" stop-color="#da9b8c" />
</linearGradient>
<linearGradient
id="d"
x1="83.855"
x2="-22.941"
y1="341.307"
y2="341.307"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="e"
x1="327.47"
x2="327.47"
y1="177.504"
y2="22.39"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="224.218"
x2="391.922"
y1="192.185"
y2="192.185"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="85.229"
x2="548.762"
y1="341.307"
y2="341.307"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4dbdb" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="h"
x1="286.697"
x2="286.697"
y1="369.26"
y2="141.617"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient
id="i"
x1="401.611"
x2="401.611"
y1="105.761"
y2="27.994"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="204.85"
x2="204.85"
y1="410.096"
y2="277.585"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="165.194"
x2="244.442"
y1="338.111"
y2="338.111"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="366.036"
x2="366.036"
y1="410.096"
y2="277.585"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="326.38"
x2="405.628"
y1="338.111"
y2="338.111"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#d)"
d="M45.29 253.274H26.004C11.642 253.274 0 264.916 0 279.277v124.059c0 14.361 11.642 26.004 26.004 26.004H45.29a42.296 42.296 0 0 0 38.023-23.768l25.766-52.874a26.003 26.003 0 0 0 0-22.783l-25.766-52.874a42.297 42.297 0 0 0-38.023-23.767z"
/>
<path
fill="url(#e)"
d="M328.584 184.069h-63.282v-50.873c0-55.414 45.083-100.496 100.496-100.496h23.84v63.282h-23.84c-20.52 0-37.215 16.694-37.215 37.215v50.872z"
/>
<path
fill="url(#f)"
d="M369.668 230.86H224.217v-46.204c0-17.201 13.945-31.146 31.146-31.146h83.159c17.201 0 31.146 13.945 31.146 31.146z"
/>
<path
fill="url(#g)"
d="M360.18 201.487c77.209-1.108 140.698 60.585 141.806 137.794s-60.585 140.698-137.794 141.806C240.152 482.866 134.648 440.934 96.638 404c-32.991-32.058-33.748-84.791-1.69-117.782 36.935-38.01 141.193-82.951 265.232-84.731z"
/>
<path
fill="url(#h)"
d="M360.18 201.487c-124.039 1.78-228.297 46.721-265.231 84.731-22.076 22.719-28.588 54.799-19.731 83.043h423.974a140.319 140.319 0 0 0 2.794-29.979c-1.108-77.21-64.597-138.903-141.806-137.795z"
/>
<path
fill="#c2c8cf"
d="M199.666 413.363c.921-7.75-3.866-15.096-11.372-17.234-19.751-5.626-35.36-21.067-41.232-40.715-2.186-7.316-9.419-11.928-17.009-11.095h-.001c-9.868 1.082-16.491 10.829-13.632 20.337 9.019 29.995 32.913 53.613 63.074 62.24 9.427 2.697 19.014-3.795 20.172-13.533z"
/>
<path
fill="url(#i)"
d="M409.284 20.858h-8.378c-14.311 0-25.913 11.601-25.913 25.913v35.138c0 14.311 11.602 25.913 25.913 25.913h8.378c10.464 0 18.946-8.482 18.946-18.946V39.804c0-10.463-8.483-18.946-18.946-18.946z"
/>
<path
fill="#efc534"
d="M147.062 355.414c-2.186-7.316-9.419-11.928-17.009-11.095h-.001c-9.868 1.082-16.491 10.829-13.632 20.337a90.907 90.907 0 0 0 1.53 4.604h35.247a59.94 59.94 0 0 1-6.135-13.846z"
/>
<circle cx="204.85" cy="338.111" r="60.326" fill="url(#j)" />
<circle cx="204.85" cy="338.111" r="33.541" fill="url(#k)" />
<circle cx="366.036" cy="338.111" r="60.326" fill="url(#l)" />
<circle cx="366.036" cy="338.111" r="33.541" fill="url(#m)" />
<path
fill="#fffde3"
d="M415.033 254.636a9.959 9.959 0 0 1-4.719-1.19 103.175 103.175 0 0 0-12.238-5.565c-5.166-1.953-7.771-7.724-5.818-12.89 1.952-5.166 7.723-7.772 12.89-5.818a123.222 123.222 0 0 1 14.622 6.648c4.867 2.611 6.695 8.673 4.085 13.54a10 10 0 0 1-8.822 5.275zM466.262 314.573c-4.163 0-8.049-2.62-9.466-6.781-3.957-11.624-10.043-22.262-18.089-31.618-3.602-4.187-3.126-10.501 1.061-14.102 4.186-3.602 10.5-3.127 14.102 1.061 9.721 11.302 17.075 24.16 21.86 38.215 1.779 5.228-1.016 10.909-6.245 12.689a9.998 9.998 0 0 1-3.223.536z"
/>
<path
fill="#c2c8cf"
d="M360.852 413.363c.921-7.75-3.866-15.096-11.372-17.234-19.751-5.626-35.36-21.067-41.232-40.715-2.186-7.316-9.419-11.928-17.009-11.095h-.001c-9.868 1.082-16.491 10.829-13.632 20.337 9.019 29.995 32.913 53.613 63.074 62.24 9.427 2.697 19.014-3.795 20.172-13.533z"
/>
<path
fill="#efc534"
d="M308.248 355.414c-2.186-7.316-9.419-11.928-17.009-11.095h-.001c-9.868 1.082-16.491 10.829-13.632 20.337a90.907 90.907 0 0 0 1.53 4.604h35.247a59.94 59.94 0 0 1-6.135-13.846z"
/>
</svg>
More icons in the same style and category