Add icons to this collection by clicking the heart icon.
Narwhal icon - also known as animals, mammal, wildlife, fauna, and narwhal. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#d5daf3" />
<stop offset="1" stop-color="#60b7ff" />
</linearGradient>
<linearGradient
id="g"
x1="437.74"
x2="460.407"
y1="415.97"
y2="501.97"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#6c7fd8" stop-opacity="0" />
<stop offset=".967" stop-color="#6c7fd8" stop-opacity=".967" />
<stop offset="1" stop-color="#6c7fd8" />
</linearGradient>
<linearGradient
id="h"
x1="491.606"
x2="436.939"
y1="436.061"
y2="418.061"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="44.151"
x2="104.969"
y1="402.516"
y2="463.334"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="33.834"
x2="89.834"
y1="426.237"
y2="414.904"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="277.438"
x2="328.435"
y1="354.498"
y2="451.993"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf9fa" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#b3dafe" stop-opacity="0" />
<stop offset=".244" stop-color="#acd5fa" stop-opacity=".244" />
<stop offset=".589" stop-color="#9ac5f0" stop-opacity=".589" />
<stop offset=".993" stop-color="#7cacdf" stop-opacity=".993" />
<stop offset="1" stop-color="#7bacdf" />
</linearGradient>
<linearGradient
id="l"
x1="266.166"
x2="278.166"
y1="406.396"
y2="502.396"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="434.762"
x2="302.762"
y1="353.415"
y2="234.415"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="116.321"
x2="369.182"
y1="156.438"
y2="409.299"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="365.737"
x2="244.737"
y1="261.141"
y2="212.141"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="134.927"
x2="340.927"
y1="20.789"
y2="412.789"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="349.333"
x2="483.128"
y1="245.701"
y2="245.701"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#5b5555" />
<stop offset="1" stop-color="#433f43" />
</linearGradient>
<linearGradient
id="r"
x1="133.824"
x2="169.665"
y1="322.54"
y2="348.922"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="340.756"
x2="372.614"
y1="320.995"
y2="344.888"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#fef0ae" />
<stop offset="1" stop-color="#fac600" />
</linearGradient>
<linearGradient
id="t"
x1="218.484"
x2="267.176"
y1="274.294"
y2="322.986"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="u"
x1="255"
x2="255"
y1="318.667"
y2="360.667"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="v"
x1="229.062"
x2="282.088"
y1="265.173"
y2="300.372"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="255.368"
x2="253.517"
y1="268.706"
y2="337.514"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="x"
x1="234.704"
x2="282.523"
y1="207.507"
y2="238.132"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="y"
x1="255"
x2="255"
y1="222"
y2="275.333"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="z"
x1="237.812"
x2="274.885"
y1="154.58"
y2="174.46"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="255"
x2="255"
y1="162"
y2="232.667"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="B"
x1="243.508"
x2="274.671"
y1="114.458"
y2="130.577"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="C"
x1="258.784"
x2="258.784"
y1="118"
y2="190.716"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="D"
x1="242.911"
x2="265.719"
y1="55.103"
y2="55.103"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="E"
x1="257.448"
x2="257.448"
y1="72"
y2="148.667"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="F"
x1="305.577"
x2="453.605"
y1="155.09"
y2="303.118"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="G"
x1="304.172"
x2="378.186"
y1="219.805"
y2="293.819"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="H"
x1="53.342"
x2="146.782"
y1="190.658"
y2="284.099"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#g)"
d="M481.018 508.683c-64.683 0-113.959-58.272-102.853-121.995.483-2.774 1.039-5.55 1.668-8.328a167.92 167.92 0 0 1 10.154-30.73c7.012-15.899 27.17-21.444 41.951-11.879 48.988 31.693 79.103 86.19 78.034 144.678-.287 15.716-13.235 28.254-28.954 28.254z"
/>
<path
fill="url(#h)"
d="M481.018 508.683c-64.683 0-113.959-58.272-102.853-121.995.483-2.774 1.039-5.55 1.668-8.328a167.92 167.92 0 0 1 10.154-30.73c7.012-15.899 27.17-21.444 41.951-11.879 48.988 31.693 79.103 86.19 78.034 144.678-.287 15.716-13.235 28.254-28.954 28.254z"
/>
<path
fill="url(#i)"
d="M28.982 508.683c64.683 0 113.959-58.272 102.853-121.995a168.921 168.921 0 0 0-1.668-8.328 167.92 167.92 0 0 0-10.154-30.73c-7.012-15.899-27.17-21.444-41.951-11.879C29.074 367.444-1.041 421.941.028 480.429c.287 15.716 13.235 28.254 28.954 28.254z"
/>
<path
fill="url(#j)"
d="M28.982 508.683c64.683 0 113.959-58.272 102.853-121.995a168.921 168.921 0 0 0-1.668-8.328 167.92 167.92 0 0 0-10.154-30.73c-7.012-15.899-27.17-21.444-41.951-11.879C29.074 367.444-1.041 421.941.028 480.429c.287 15.716 13.235 28.254 28.954 28.254z"
/>
<path
fill="url(#k)"
d="M475.789 317.601C475.789 453.814 376.939 510 255 510S34.211 453.814 34.211 317.601 133.061 70.966 255 70.966s220.789 110.422 220.789 246.635z"
/>
<path
fill="url(#l)"
d="M475.789 317.601C475.789 453.814 376.939 510 255 510S34.211 453.814 34.211 317.601 133.061 70.966 255 70.966s220.789 110.422 220.789 246.635z"
/>
<path
fill="url(#m)"
d="M475.79 317.601c0-136.213-98.851-246.635-220.79-246.635-.232 0-.462.009-.694.01v221.31l-38.76 38.76 156.806 156.806c62.134-27.614 103.438-82.211 103.438-170.251z"
/>
<path
fill="url(#n)"
d="M255 381.925c51.194 0 98.316 9.906 135.763 31.478 29.283 16.869 66.252 2.152 76.175-30.937 5.761-19.208 8.851-40.786 8.851-64.866 0-136.213-98.851-246.635-220.79-246.635S34.21 181.388 34.21 317.601c0 24.079 3.09 45.657 8.851 64.866 9.924 33.089 46.892 47.806 76.175 30.937 37.448-21.573 84.57-31.479 135.764-31.479z"
/>
<path
fill="url(#o)"
d="M466.938 382.467c5.761-19.208 8.851-40.786 8.851-64.866 0-136.213-98.851-246.635-220.79-246.635 0 .232-.462.009-.694.01v221.31l-38.76 38.76 51.059 51.059c46.698 1.402 89.559 11.367 124.158 31.298 29.284 16.87 66.253 2.153 76.176-30.936z"
/>
<path
fill="url(#p)"
d="M469.67 259.71c-6.46-29.05-32.95-48.9-62.76-48.15-.9.03-1.8.04-2.71.04-3.51 0-6.97-.17-10.4-.51-10.42-1.02-20.42 3.88-26.16 12.64-9.71 14.82-26.46 24.6-45.5 24.6-1.79 0-3.55-.09-5.29-.26-9.62-.93-19.03 3.02-25.52 10.18-19.36 21.33-47.3 34.73-78.38 34.73-47.67 0-87.97-31.53-101.2-74.87a9.235 9.235 0 0 0-8.63-6.55h-.03c-29.81-.75-56.3 19.1-62.76 48.15C63.65 151.43 150.91 70.97 255 70.97s191.35 80.46 214.67 188.74z"
/>
<path
fill="url(#q)"
d="M255 70.966v310.959c51.194 0 98.316 9.906 135.763 31.478 29.283 16.869 66.252 2.152 76.175-30.937 5.761-19.208 8.851-40.786 8.851-64.866C475.79 181.388 376.939 70.966 255 70.966z"
/>
<path
fill="url(#r)"
d="M150.66 367.365c-14.257 0-25.814-11.557-25.814-25.814v-13.238c0-14.257 11.557-25.814 25.814-25.814 14.256 0 25.814 11.557 25.814 25.814v13.238c0 14.257-11.557 25.814-25.814 25.814z"
/>
<path
fill="url(#s)"
d="M359.34 367.365c-14.257 0-25.814-11.557-25.814-25.814v-13.238c0-14.257 11.557-25.814 25.814-25.814s25.814 11.557 25.814 25.814v13.238c-.001 14.257-11.558 25.814-25.814 25.814z"
/>
<path
fill="url(#t)"
d="M261.715 344.031h-13.43c-26.218 0-46.15-19.762-41.803-41.448l5.372-26.83c5.807 9.166 15.083 16.543 26.868 20.282l41.855 13.288c8.877 2.822 18.751-1.194 21.614-8.782.207-.551.406-1.108.59-1.659l.738 3.701c4.346 21.686-15.586 41.448-41.804 41.448z"
/>
<path
fill="url(#u)"
d="M261.715 344.031h-13.43c-26.218 0-46.15-19.762-41.803-41.448l5.372-26.83c5.807 9.166 15.083 16.543 26.868 20.282l41.855 13.288c8.877 2.822 18.751-1.194 21.614-8.782.207-.551.406-1.108.59-1.659l.738 3.701c4.346 21.686-15.586 41.448-41.804 41.448z"
/>
<path
fill="url(#v)"
d="m271.279 255.457-35.565-11.891c-7.54-2.521-12.487-8.641-12.487-15.449h-5.259c-2.712.233-4.932 1.911-5.49 4.148l-4.665 18.689c-9.031 23.95 4.807 50.083 30.908 58.37l41.855 13.288c8.875 2.818 18.75-1.197 21.611-8.785 9.031-23.95-4.807-50.083-30.908-58.37z"
/>
<path
fill="url(#w)"
d="m271.279 255.457-35.565-11.891c-7.54-2.521-12.487-8.641-12.487-15.449h-5.259c-2.712.233-4.932 1.911-5.49 4.148l-4.665 18.689c-9.031 23.95 4.807 50.083 30.908 58.37l41.855 13.288c8.875 2.818 18.75-1.197 21.611-8.785 9.031-23.95-4.807-50.083-30.908-58.37z"
/>
<path
fill="url(#x)"
d="m268.746 193.639-30.031-11.972a16.744 16.744 0 0 1-10.544-15.554h-4.441a5.288 5.288 0 0 0-4.636 4.177l-3.939 18.815c-7.626 24.112 4.059 50.422 26.099 58.765l49.142 18.602 4.449-14.068c7.625-24.112-4.059-50.422-26.099-58.765z"
/>
<path
fill="url(#y)"
d="m268.746 193.639-30.031-11.972a16.744 16.744 0 0 1-10.544-15.554h-4.441a5.288 5.288 0 0 0-4.636 4.177l-3.939 18.815c-7.626 24.112 4.059 50.422 26.099 58.765l49.142 18.602 4.449-14.068c7.625-24.112-4.059-50.422-26.099-58.765z"
/>
<path
fill="url(#z)"
d="m266.681 143.038-25.52-10.173a14.23 14.23 0 0 1-8.96-13.217h-3.774a4.492 4.492 0 0 0-3.939 3.549l-3.347 15.989c-6.48 20.49 3.449 42.847 22.178 49.937l41.759 15.807 3.781-11.955c6.48-20.489-3.449-42.847-22.178-49.937z"
/>
<path
fill="url(#A)"
d="m266.681 143.038-25.52-10.173a14.23 14.23 0 0 1-8.96-13.217h-3.774a4.492 4.492 0 0 0-3.939 3.549l-3.347 15.989c-6.48 20.49 3.449 42.847 22.178 49.937l41.759 15.807 3.781-11.955c6.48-20.489-3.449-42.847-22.178-49.937z"
/>
<path
fill="url(#B)"
d="m268.714 105.022-21.694-8.648a12.096 12.096 0 0 1-7.617-11.236h-3.208a3.82 3.82 0 0 0-3.349 3.017L230 101.747c-5.509 17.418 2.932 36.424 18.854 42.451l35.499 13.438 3.214-10.163c5.509-17.418-2.932-36.424-18.853-42.451z"
/>
<path
fill="url(#C)"
d="m268.714 105.022-21.694-8.648a12.096 12.096 0 0 1-7.617-11.236h-3.208a3.82 3.82 0 0 0-3.349 3.017L230 101.747c-5.509 17.418 2.932 36.424 18.854 42.451l35.499 13.438 3.214-10.163c5.509-17.418-2.932-36.424-18.853-42.451z"
/>
<path
fill="url(#D)"
d="M277.466 110.206 259.614 3.904c-.874-5.205-8.354-5.205-9.228 0l-12.691 75.569c-1.54 9.17 3.747 18.116 12.523 21.19z"
/>
<path
fill="url(#E)"
d="M237.695 79.473c-1.54 9.17 3.747 18.116 12.523 21.19l27.248 9.543-10.504-62.544h-23.926z"
/>
<circle cx="398.91" cy="248.423" r="25.757" fill="url(#F)" />
<circle cx="350.839" cy="266.472" r="12.878" fill="url(#G)" />
<circle cx="95.506" cy="232.823" r="12.878" fill="url(#H)" />
</svg>
More icons in the same style and category