Add icons to this collection by clicking the heart icon.
Submarine icon - also known as transport, navigation, navigate, nautical, transportation, military, nautic, and submarine. Created in a clean gradient 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="640"
height="640"
viewBox="0 -72 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#84aa50" />
<stop offset="1" stop-color="#00acc9" />
</linearGradient>
<linearGradient
id="b"
x1="-8"
x2="491.152"
y1="220"
y2="220"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-8"
x2="491.152"
y1="224"
y2="224"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-8"
x2="491.152"
y1="148"
y2="148"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-8"
x2="491.152"
y1="128"
y2="128"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-8"
x2="491.152"
y1="64"
y2="64"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-8"
x2="491.152"
y1="104"
y2="104"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-8"
x2="491.152"
y1="112"
y2="112"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-8"
x2="491.152"
y1="288"
y2="288"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-8"
x2="491.152"
y1="328"
y2="328"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M32 232h16a8 8 0 0 1 8-8h24v-16H56c-13.254 0-24 10.746-24 24zm0 0"
/>
<path
fill="url(#c)"
d="M128 224c-.02 16.094 11.938 29.688 27.906 31.719 15.965 2.035 30.946-8.133 34.957-23.719h18.274c4.027 15.602 19.031 25.777 35.015 23.746s27.97-15.633 27.97-31.746-11.985-29.715-27.97-31.746-30.988 8.144-35.015 23.746h-18.274c-4.011-15.586-18.992-25.754-34.957-23.719C139.937 194.312 127.98 207.906 128 224zm112-16c8.836 0 16 7.164 16 16s-7.164 16-16 16-16-7.164-16-16 7.164-16 16-16zm-80 0c8.836 0 16 7.164 16 16s-7.164 16-16 16-16-7.164-16-16 7.164-16 16-16zm0 0"
/>
<path
fill="url(#d)"
d="M456 120c-5.602 0-24 2.305-24 32a171.852 171.852 0 0 0 12.258 48h-13.395c-3.636-14.086-16.316-23.945-30.863-24H300l-21.602-28.8A7.998 7.998 0 0 0 272 144h-16V8a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v136h-16V72a8 8 0 0 0-8-8h-56V48h-16v80h16v-16h16v32h-16a7.998 7.998 0 0 0-6.398 3.2L100 176H56c-30.93 0-56 25.07-56 56s25.07 56 56 56h240a7.968 7.968 0 0 0 2.762-.559c.199-.074.918-.336 1.07-.418l80-43.632 6.207-3.391H400c14.547-.055 27.227-9.914 30.863-24h13.395A171.852 171.852 0 0 0 432 264c0 29.695 18.398 32 24 32s24-2.305 24-32c0-16.328-11.32-45.953-15.36-56 4.04-10.047 15.36-39.672 15.36-56 0-29.695-18.398-32-24-32zm-88 111.617-64 34.903V192h24v32h16v-32h24zM224 16h16v51.055l-16 8zm0 76.945 16-8V144h-16zM152 96h-24V80h48v64h-16v-40a8 8 0 0 0-8-8zm-20 64h136l12 16H120zM16 232c.027-22.082 17.918-39.973 40-40h40v80H56c-22.082-.027-39.973-17.918-40-40zm96-40h176v80H112zm288 32h-16v-32h16c8.836 0 16 7.164 16 16s-7.164 16-16 16zm56-88c1.984 0 8 0 8 16a128.64 128.64 0 0 1-8 33.305A128.64 128.64 0 0 1 448 152c0-16 6.016-16 8-16zm0 144c-1.984 0-8 0-8-16a128.64 128.64 0 0 1 8-33.305A128.64 128.64 0 0 1 464 264c0 16-6.016 16-8 16zm0 0"
/>
<path
fill="url(#e)"
d="M16 128c0 13.254 10.746 24 24 24s24-10.746 24-24-10.746-24-24-24-24 10.746-24 24zm32 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0zm0 0"
/>
<path
fill="url(#f)"
d="M96 64c0-13.254-10.746-24-24-24S48 50.746 48 64s10.746 24 24 24 24-10.746 24-24zm-32 0a8 8 0 1 1 16 0 8 8 0 0 1-16 0zm0 0"
/>
<path
fill="url(#g)"
d="M384 104c0-13.254-10.746-24-24-24s-24 10.746-24 24 10.746 24 24 24 24-10.746 24-24zm-32 0a8 8 0 1 1 16 0 8 8 0 0 1-16 0zm0 0"
/>
<path fill="url(#h)" d="M288 104h16v16h-16zm0 0" />
<path fill="url(#i)" d="M376 280h16v16h-16zm0 0" />
<path fill="url(#j)" d="M40 320h16v16H40zm0 0" />
</svg>
More icons in the same style and category