Add icons to this collection by clicking the heart icon.
Helm icon - also known as navigation, ship, direction, transportation, rudder, helm, sailing boat, and controlling. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset=".1" stop-color="#ff1a5e" />
<stop offset="1" stop-color="#ffc5a3" />
</linearGradient>
<linearGradient
id="e"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff1a5e" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<linearGradient
id="g"
x1="43.245"
x2="407.412"
y1="468.756"
y2="104.589"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="256"
cy="256.001"
r="132.803"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset=".239" stop-color="#fffdfd" stop-opacity=".239" />
<stop offset=".38" stop-color="#fff4f7" stop-opacity=".38" />
<stop offset=".496" stop-color="#ffe6ed" stop-opacity=".496" />
<stop offset=".598" stop-color="#ffd2df" stop-opacity=".598" />
<stop offset=".691" stop-color="#ffb8cd" stop-opacity=".691" />
<stop offset=".777" stop-color="#ff98b6" stop-opacity=".777" />
<stop offset=".858" stop-color="#ff729c" stop-opacity=".858" />
<stop offset=".934" stop-color="#ff477d" stop-opacity=".934" />
<stop offset="1" stop-color="#ff1a5e" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffa9d4" />
<stop offset=".328" stop-color="#ffc2d5" />
<stop offset=".75" stop-color="#ffdcd6" />
<stop offset="1" stop-color="#ffe6d6" />
</linearGradient>
<linearGradient
id="i"
x1="123.284"
x2="368.674"
y1="388.716"
y2="143.326"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="j"
cx="256"
cy="256.001"
r="124.025"
gradientUnits="userSpaceOnUse"
>
<stop offset=".195" stop-color="#ff1a5e" />
<stop offset=".255" stop-color="#ff3b75" stop-opacity=".925" />
<stop offset=".36" stop-color="#ff6f99" stop-opacity=".795" />
<stop offset=".467" stop-color="#ff9bb9" stop-opacity=".663" />
<stop offset=".573" stop-color="#ffbfd2" stop-opacity=".53" />
<stop offset=".679" stop-color="#ffdbe6" stop-opacity=".398" />
<stop offset=".786" stop-color="#ffeff4" stop-opacity=".266" />
<stop offset=".893" stop-color="#fffbfc" stop-opacity=".133" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#ffa9d4" />
<stop offset=".363" stop-color="#ffc6d5" />
<stop offset=".763" stop-color="#ffe1d6" />
<stop offset="1" stop-color="#ffead6" />
</linearGradient>
<linearGradient
id="k"
x1="143.353"
x2="292.089"
y1="368.647"
y2="219.912"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="177.332"
x2="287.858"
y1="335.712"
y2="225.186"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa9d4" />
<stop offset=".647" stop-color="#ffd4d5" />
<stop offset="1" stop-color="#ffe6d6" />
</linearGradient>
<linearGradient
id="m"
x1="223.713"
x2="284.914"
y1="288.287"
y2="227.087"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff195e" />
<stop offset=".039" stop-color="#ff2162" />
<stop offset=".378" stop-color="#ff6481" />
<stop offset=".662" stop-color="#ff9498" />
<stop offset=".878" stop-color="#ffb2a6" />
<stop offset="1" stop-color="#ffbdab" />
</linearGradient>
<linearGradient
id="n"
x1="191.764"
x2="281.937"
y1="123.989"
y2="33.816"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="208.903"
x2="298.924"
y1="141.155"
y2="51.133"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ff91bb" />
<stop offset=".056" stop-color="#ff97bd" />
<stop offset=".476" stop-color="#ffc2cb" />
<stop offset=".805" stop-color="#ffdcd3" />
<stop offset="1" stop-color="#ffe6d6" />
</linearGradient>
<linearGradient
id="p"
x1="187.777"
x2="354.839"
y1="162.28"
y2="-4.782"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="192.246"
x2="281.742"
y1="125.235"
y2="35.739"
gradientTransform="rotate(-45 255.972 256.066)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="208.613"
x2="299.188"
y1="142.332"
y2="51.757"
gradientTransform="rotate(-45 255.972 256.066)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="187.357"
x2="355.447"
y1="163.587"
y2="-4.502"
gradientTransform="rotate(-45 255.972 256.066)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="191.763"
x2="281.937"
y1="123.989"
y2="33.816"
gradientTransform="rotate(-90 256 256)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="208.903"
x2="298.924"
y1="141.155"
y2="51.133"
gradientTransform="rotate(-90 256 256)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="v"
x1="187.777"
x2="354.839"
y1="162.281"
y2="-4.782"
gradientTransform="rotate(-90 256 256)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="192.246"
x2="281.742"
y1="125.235"
y2="35.739"
gradientTransform="rotate(-135 256.012 256.028)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="x"
x1="208.613"
x2="299.188"
y1="142.332"
y2="51.757"
gradientTransform="rotate(-135 256.012 256.028)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="y"
x1="187.357"
x2="355.447"
y1="163.587"
y2="-4.502"
gradientTransform="rotate(-135 256.012 256.028)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="191.763"
x2="281.937"
y1="123.989"
y2="33.816"
gradientTransform="rotate(180 256 256)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="A"
x1="208.903"
x2="298.924"
y1="141.155"
y2="51.133"
gradientTransform="rotate(180 256 256)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="B"
x1="187.777"
x2="354.839"
y1="162.28"
y2="-4.782"
gradientTransform="rotate(180 256 256)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="C"
x1="192.246"
x2="281.742"
y1="125.235"
y2="35.74"
gradientTransform="rotate(135 256.027 256.012)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="D"
x1="208.613"
x2="299.188"
y1="142.332"
y2="51.757"
gradientTransform="rotate(135 256.027 256.012)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="E"
x1="187.357"
x2="355.447"
y1="163.587"
y2="-4.502"
gradientTransform="rotate(135 256.027 256.012)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="F"
x1="191.763"
x2="281.936"
y1="123.989"
y2="33.816"
gradientTransform="rotate(90 256 256)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="G"
x1="208.903"
x2="298.924"
y1="141.155"
y2="51.133"
gradientTransform="rotate(90 256 256)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="H"
x1="187.777"
x2="354.839"
y1="162.281"
y2="-4.782"
gradientTransform="rotate(90 256 256)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="I"
x1="192.246"
x2="281.742"
y1="125.235"
y2="35.739"
gradientTransform="rotate(45 256.066 255.972)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="J"
x1="208.613"
x2="299.188"
y1="142.332"
y2="51.757"
gradientTransform="rotate(45 256.066 255.972)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="K"
x1="187.357"
x2="355.447"
y1="163.587"
y2="-4.502"
gradientTransform="rotate(45 256.066 255.972)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="L"
x1="-26.846"
x2="379.988"
y1="538.847"
y2="132.013"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="M"
x1="-185.704"
x2="408.884"
y1="697.705"
y2="103.117"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff195e" />
<stop offset=".103" stop-color="#ff2466" />
<stop offset=".281" stop-color="#ff407a" />
<stop offset=".513" stop-color="#ff6e9c" />
<stop offset=".787" stop-color="#ffadca" />
<stop offset="1" stop-color="#ffe3f1" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<circle cx="256" cy="256" r="256" fill="url(#f)" />
<path
fill="url(#g)"
d="M379 256c-.096 67.265-55.735 122.903-123 123-67.264-.097-122.903-55.735-123-123 .097-67.265 55.735-122.903 123-123 67.265.097 122.903 55.736 123 123z"
/>
<path
fill="url(#h)"
d="M380.025 256c-.1 67.814-56.211 123.926-124.025 124.025-67.814-.099-123.926-56.21-124.025-124.025.098-67.814 56.211-123.926 124.025-124.025 67.814.1 123.926 56.211 124.025 124.025z"
/>
<path
fill="url(#i)"
d="M380.012 240.733c-28.966-.05-57.932-.083-86.897-.098a134464.99 134464.99 0 0 1 61.192-61.122c-7.278-7.266-14.553-14.54-21.818-21.818-20.253 20.288-40.662 40.72-61.123 61.192-.015-28.966-.048-57.931-.098-86.897a8633.213 8633.213 0 0 0-30.535 0c-.05 28.966-.083 57.931-.098 86.897-20.461-20.471-40.87-40.904-61.123-61.192-7.266 7.278-14.54 14.553-21.818 21.818 20.288 20.253 40.72 40.662 61.192 61.122-28.966.015-57.932.048-86.897.098a8633.213 8633.213 0 0 0 0 30.535c28.966.05 57.932.083 86.897.098a134464.99 134464.99 0 0 1-61.192 61.122c7.278 7.266 14.553 14.54 21.818 21.818 20.253-20.288 40.662-40.72 61.123-61.192.015 28.966.048 57.931.098 86.897 10.178.018 20.357.018 30.535 0 .05-28.966.083-57.931.098-86.897 20.461 20.471 40.87 40.904 61.123 61.192 7.266-7.278 14.54-14.553 21.818-21.818-20.288-20.253-40.72-40.662-61.192-61.122 28.966-.015 57.932-.048 86.897-.098.018-10.178.018-20.357 0-30.535z"
/>
<path
fill="url(#j)"
d="M380.012 240.733c-28.966-.05-57.932-.083-86.897-.098a134464.99 134464.99 0 0 1 61.192-61.122c-7.278-7.266-14.553-14.54-21.818-21.818-20.253 20.288-40.662 40.72-61.123 61.192-.015-28.966-.048-57.931-.098-86.897a8633.213 8633.213 0 0 0-30.535 0c-.05 28.966-.083 57.931-.098 86.897-20.461-20.471-40.87-40.904-61.123-61.192-7.266 7.278-14.54 14.553-21.818 21.818 20.288 20.253 40.72 40.662 61.192 61.122-28.966.015-57.932.048-86.897.098a8633.213 8633.213 0 0 0 0 30.535c28.966.05 57.932.083 86.897.098a134464.99 134464.99 0 0 1-61.192 61.122c7.278 7.266 14.553 14.54 21.818 21.818 20.253-20.288 40.662-40.72 61.123-61.192.015 28.966.048 57.931.098 86.897 10.178.018 20.357.018 30.535 0 .05-28.966.083-57.931.098-86.897 20.461 20.471 40.87 40.904 61.123 61.192 7.266-7.278 14.54-14.553 21.818-21.818-20.288-20.253-40.72-40.662-61.192-61.122 28.966-.015 57.932-.048 86.897-.098.018-10.178.018-20.357 0-30.535z"
/>
<circle cx="256" cy="256" r="53.813" fill="url(#k)" />
<path
fill="url(#l)"
d="M263.684 286.75c-29.696 0-53.825-24.112-53.798-53.789.002-1.706.092-3.391.25-5.057a53.437 53.437 0 0 0-7.948 28.097c.008 29.664 24.148 53.804 53.812 53.813 27.961-.005 51-21.46 53.568-48.758-9.471 15.389-26.486 25.689-45.884 25.694z"
/>
<path
fill="url(#m)"
d="M271.375 256c.001 8.49-6.885 15.375-15.375 15.375-8.491 0-15.376-6.885-15.375-15.375 0-8.49 6.885-15.375 15.375-15.375 8.491.001 15.375 6.885 15.375 15.375z"
/>
<path
fill="url(#n)"
d="M256 24.35c-12.042.001-21.524 10.706-20.404 22.994 1.208 13.123 2.429 26.247 3.663 39.372 5.568 4.828 11.149 9.666 16.741 14.509 5.593-4.844 11.173-9.681 16.741-14.509 1.234-13.125 2.456-26.249 3.663-39.372 1.12-12.288-8.361-22.993-20.404-22.994z"
/>
<path
fill="url(#o)"
d="M271.211 102.928c.512-5.404 1.022-10.808 1.53-16.212A163.173 163.173 0 0 0 256 85.85c-5.649 0-11.233.296-16.741.866.508 5.404 1.018 10.808 1.53 16.212 10.141-.022 20.282-.022 30.422 0z"
/>
<path
fill="url(#p)"
d="M271.211 102.928c.512-5.404 1.022-10.808 1.53-16.212A163.173 163.173 0 0 0 256 85.85c-5.649 0-11.233.296-16.741.866.508 5.404 1.018 10.808 1.53 16.212 10.141-.022 20.282-.022 30.422 0z"
/>
<path
fill="url(#q)"
d="M94.196 94.197c-8.849 8.849-8.509 22.98.815 30.542 9.947 8.076 19.941 16.208 29.972 24.387 7.391-.664 14.781-1.322 22.171-1.972.651-7.389 1.308-14.779 1.972-22.17a19065.652 19065.652 0 0 1-24.387-29.972c-7.563-9.324-21.693-9.664-30.543-.815z"
/>
<path
fill="url(#r)"
d="M159.25 137.392c-3.382-4.142-6.756-8.279-10.124-12.408a179.132 179.132 0 0 0-24.143 24.142c4.13 3.367 8.267 6.742 12.409 10.124 7.293-7.277 14.58-14.565 21.858-21.858z"
/>
<path
fill="url(#s)"
d="M159.25 137.392c-3.382-4.142-6.756-8.279-10.124-12.408a179.132 179.132 0 0 0-24.143 24.142c4.13 3.367 8.267 6.742 12.409 10.124 7.293-7.277 14.58-14.565 21.858-21.858z"
/>
<path
fill="url(#t)"
d="M24.35 256c.001 12.043 10.706 21.524 22.994 20.404 13.122-1.208 26.247-2.43 39.372-3.663 4.828-5.568 9.665-11.149 14.509-16.741-4.844-5.592-9.681-11.173-14.509-16.741a19521.255 19521.255 0 0 0-39.372-3.663c-12.288-1.12-22.993 8.362-22.994 20.404z"
/>
<path
fill="url(#u)"
d="M102.928 240.789c-5.404-.512-10.808-1.022-16.212-1.53A163.158 163.158 0 0 0 85.85 256c0 5.648.296 11.232.866 16.741 5.404-.508 10.808-1.018 16.212-1.53-.022-10.14-.022-20.281 0-30.422z"
/>
<path
fill="url(#v)"
d="M102.928 240.789c-5.404-.512-10.808-1.022-16.212-1.53A163.158 163.158 0 0 0 85.85 256c0 5.648.296 11.232.866 16.741 5.404-.508 10.808-1.018 16.212-1.53-.022-10.14-.022-20.281 0-30.422z"
/>
<path
fill="url(#w)"
d="M94.196 417.804c8.849 8.849 22.979 8.509 30.542-.815 8.076-9.947 16.208-19.941 24.387-29.972-.664-7.391-1.322-14.781-1.972-22.17-7.389-.651-14.779-1.308-22.171-1.972a19065.652 19065.652 0 0 1-29.972 24.387c-9.322 7.563-9.662 21.693-.814 30.542z"
/>
<path
fill="url(#x)"
d="M137.392 352.751c-4.142 3.382-8.278 6.757-12.409 10.124a179.146 179.146 0 0 0 24.143 24.142c3.367-4.13 6.742-8.266 10.124-12.408a14530.582 14530.582 0 0 0-21.858-21.858z"
/>
<path
fill="url(#y)"
d="M137.392 352.751c-4.142 3.382-8.278 6.757-12.409 10.124a179.146 179.146 0 0 0 24.143 24.142c3.367-4.13 6.742-8.266 10.124-12.408a14530.582 14530.582 0 0 0-21.858-21.858z"
/>
<path
fill="url(#z)"
d="M256 487.65c12.043 0 21.525-10.706 20.404-22.994a20277.484 20277.484 0 0 0-3.663-39.372c-5.568-4.828-11.149-9.665-16.741-14.509-5.593 4.844-11.173 9.681-16.741 14.509a19521.255 19521.255 0 0 0-3.663 39.372c-1.12 12.288 8.361 22.994 20.404 22.994z"
/>
<path
fill="url(#A)"
d="M240.789 409.073c-.512 5.404-1.022 10.808-1.53 16.212 5.509.569 11.093.866 16.741.866s11.231-.296 16.741-.866c-.508-5.404-1.018-10.808-1.53-16.212-10.14.022-20.281.022-30.422 0z"
/>
<path
fill="url(#B)"
d="M240.789 409.073c-.512 5.404-1.022 10.808-1.53 16.212 5.509.569 11.093.866 16.741.866s11.231-.296 16.741-.866c-.508-5.404-1.018-10.808-1.53-16.212-10.14.022-20.281.022-30.422 0z"
/>
<path
fill="url(#C)"
d="M417.804 417.804c8.849-8.849 8.508-22.98-.815-30.542-9.947-8.076-19.94-16.208-29.972-24.387-7.391.664-14.781 1.322-22.171 1.972-.651 7.389-1.308 14.779-1.972 22.17a19065.652 19065.652 0 0 1 24.387 29.972c7.563 9.324 21.695 9.664 30.543.815z"
/>
<path
fill="url(#D)"
d="M352.751 374.609c3.382 4.142 6.756 8.278 10.124 12.408a179.39 179.39 0 0 0 12.649-11.494 179.62 179.62 0 0 0 11.494-12.648c-4.13-3.367-8.266-6.742-12.409-10.124a14530.582 14530.582 0 0 0-21.858 21.858z"
/>
<path
fill="url(#E)"
d="M352.751 374.609c3.382 4.142 6.756 8.278 10.124 12.408a179.39 179.39 0 0 0 12.649-11.494 179.62 179.62 0 0 0 11.494-12.648c-4.13-3.367-8.266-6.742-12.409-10.124a14530.582 14530.582 0 0 0-21.858 21.858z"
/>
<path
fill="url(#F)"
d="M487.65 256c0-12.043-10.706-21.525-22.994-20.404-13.122 1.208-26.247 2.43-39.372 3.663-4.828 5.568-9.665 11.149-14.509 16.741 4.844 5.592 9.681 11.173 14.509 16.741 13.125 1.234 26.249 2.456 39.372 3.663 12.288 1.121 22.994-8.361 22.994-20.404z"
/>
<path
fill="url(#G)"
d="M409.073 271.212c5.404.512 10.808 1.022 16.212 1.53.569-5.509.866-11.092.866-16.741 0-5.648-.297-11.232-.866-16.741-5.404.508-10.808 1.018-16.212 1.53.022 10.14.022 20.281 0 30.422z"
/>
<path
fill="url(#H)"
d="M409.073 271.212c5.404.512 10.808 1.022 16.212 1.53.569-5.509.866-11.092.866-16.741 0-5.648-.297-11.232-.866-16.741-5.404.508-10.808 1.018-16.212 1.53.022 10.14.022 20.281 0 30.422z"
/>
<path
fill="url(#I)"
d="M417.804 94.197c-8.848-8.849-22.979-8.508-30.542.815a19065.652 19065.652 0 0 1-24.387 29.972c.664 7.391 1.322 14.781 1.972 22.17 7.389.651 14.779 1.308 22.171 1.972a19065.652 19065.652 0 0 1 29.972-24.387c9.322-7.563 9.663-21.693.814-30.542z"
/>
<path
fill="url(#J)"
d="M374.609 159.25c4.142-3.382 8.279-6.757 12.409-10.124a179.146 179.146 0 0 0-24.143-24.142c-3.367 4.13-6.742 8.266-10.124 12.408 7.277 7.293 14.565 14.58 21.858 21.858z"
/>
<path
fill="url(#K)"
d="M374.609 159.25c4.142-3.382 8.279-6.757 12.409-10.124a179.146 179.146 0 0 0-24.143-24.142c-3.367 4.13-6.742 8.266-10.124 12.408 7.277 7.293 14.565 14.58 21.858 21.858z"
/>
<path
fill="url(#L)"
d="M256 101.225c-84.151.193-154.582 70.623-154.775 154.775.193 84.152 70.623 154.582 154.775 154.775 84.152-.193 154.582-70.623 154.775-154.775-.193-84.152-70.622-154.582-154.775-154.775zm0 271.113c-63.688-.082-116.255-52.65-116.338-116.337.082-63.688 52.649-116.256 116.338-116.338 63.687.082 116.255 52.65 116.338 116.338-.082 63.687-52.651 116.255-116.338 116.337z"
/>
<path
fill="url(#M)"
d="M256 131.975c-67.814.1-123.925 56.211-124.025 124.025.099 67.814 56.211 123.926 124.025 124.025 67.814-.099 123.925-56.211 124.025-124.025-.099-67.814-56.21-123.925-124.025-124.025zm0 232.675c-59.546-.067-108.583-49.103-108.65-108.65.066-59.546 49.104-108.583 108.65-108.65 59.546.067 108.584 49.103 108.65 108.65-.067 59.547-49.103 108.584-108.65 108.65z"
/>
</svg>
More icons in the same style and category