Add icons to this collection by clicking the heart icon.
Porthole icon - also known as science, planet, universe, window, astronomy, travel, spaceship, outer space, mars, porthole, and miscellaneous. Created in a clean flat gradient style with a silver 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 512 512"
>
<linearGradient
id="c"
x1="59.914"
x2="452.086"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e5fa" />
<stop offset=".269" stop-color="#e2e2f9" />
<stop offset=".517" stop-color="#d7d7f4" />
<stop offset=".755" stop-color="#c5c6ed" />
<stop offset=".989" stop-color="#aaaee3" />
<stop offset=".992" stop-color="#aaaee3" />
</linearGradient>
<linearGradient
id="d"
x1="119.914"
x2="365.086"
y1="241.2"
y2="241.2"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7a6c95" />
<stop offset=".276" stop-color="#756691" />
<stop offset=".65" stop-color="#665586" />
<stop offset="1" stop-color="#523e78" />
</linearGradient>
<linearGradient
id="a"
x1="247"
x2="267"
y1="89.914"
y2="89.914"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3a7e4" />
<stop offset=".186" stop-color="#a0a3df" />
<stop offset=".419" stop-color="#9897cf" />
<stop offset=".676" stop-color="#8b85b6" />
<stop offset=".933" stop-color="#7a6c95" />
</linearGradient>
<linearGradient
id="e"
x1="129.267"
x2="149.267"
y1="137.852"
y2="137.852"
href="#a"
/>
<linearGradient
id="f"
x1="79.914"
x2="99.914"
y1="255"
y2="255"
href="#a"
/>
<linearGradient
id="g"
x1="127.852"
x2="147.852"
y1="372.733"
y2="372.733"
href="#a"
/>
<linearGradient
id="h"
x1="245"
x2="265"
y1="422.086"
y2="422.086"
href="#a"
/>
<linearGradient
id="i"
x1="362.733"
x2="382.733"
y1="374.148"
y2="374.148"
href="#a"
/>
<linearGradient
id="j"
x1="412.086"
x2="432.086"
y1="257"
y2="257"
href="#a"
/>
<linearGradient
id="k"
x1="364.148"
x2="384.148"
y1="139.267"
y2="139.267"
href="#a"
/>
<linearGradient
id="l"
x1="185.01"
x2="208.115"
y1="173.819"
y2="196.924"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f3f3fd" />
<stop offset=".134" stop-color="#f6e8d5" />
<stop offset=".432" stop-color="#fdce6f" />
<stop offset=".483" stop-color="#fec95d" />
<stop offset=".596" stop-color="#fec25c" />
<stop offset=".761" stop-color="#feae57" />
<stop offset=".958" stop-color="#fe8e51" />
<stop offset="1" stop-color="#fe864f" />
</linearGradient>
<linearGradient
id="b"
x1="209.84"
x2="382.68"
y1="238.724"
y2="238.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e15483" />
<stop offset=".238" stop-color="#dc5182" />
<stop offset=".524" stop-color="#cd4880" />
<stop offset=".833" stop-color="#b5397c" />
<stop offset="1" stop-color="#a52f79" />
</linearGradient>
<linearGradient
id="m"
x1="170.91"
x2="330.68"
y1="344.851"
y2="344.851"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f36f8b" />
<stop offset=".277" stop-color="#ef6a87" />
<stop offset=".596" stop-color="#e55c7d" />
<stop offset=".932" stop-color="#d3466c" />
<stop offset="1" stop-color="#cf4068" />
</linearGradient>
<linearGradient
id="n"
x1="173.38"
x2="392.09"
y1="289.12"
y2="289.12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6a5b6" />
<stop offset=".193" stop-color="#f39eb2" />
<stop offset=".466" stop-color="#ec8ca6" />
<stop offset=".784" stop-color="#e06e92" />
<stop offset=".994" stop-color="#d65683" />
</linearGradient>
<linearGradient
id="o"
x1="298.659"
x2="358.04"
y1="283.781"
y2="283.781"
href="#b"
/>
<circle cx="256" cy="256" r="196.086" fill="url(#c)" />
<path
fill="url(#d)"
d="M171.257 362.486a136.091 136.091 0 1 1 193.829-187.86z"
/>
<circle cx="173.335" cy="253.569" r="7.5" fill="#deabbb" />
<circle cx="258.713" cy="178.497" r="7.5" fill="#deabbb" />
<circle cx="257" cy="89.914" r="10" fill="url(#a)" />
<circle cx="139.267" cy="137.852" r="10" fill="url(#e)" />
<circle cx="89.914" cy="255" r="10" fill="url(#f)" />
<circle cx="137.852" cy="372.733" r="10" fill="url(#g)" />
<circle cx="255" cy="422.086" r="10" fill="url(#h)" />
<circle cx="372.733" cy="374.148" r="10" fill="url(#i)" />
<circle cx="422.086" cy="257" r="10" fill="url(#j)" />
<circle cx="374.148" cy="139.267" r="10" fill="url(#k)" />
<path
fill="url(#l)"
d="M177.192 186.447c0 6.454 8.303 3.015 12.867 7.579s1.125 12.867 7.579 12.867 3.015-8.303 7.579-12.867 12.867-1.125 12.867-7.579-8.303-3.015-12.867-7.579-1.125-12.867-7.579-12.867-2.443 9.99-8.033 13.216c-6.727 3.882-12.413.776-12.413 7.23z"
/>
<path
fill="url(#b)"
d="M382.68 206.19a135.46 135.46 0 0 0-17.62-31.6 209.345 209.345 0 0 0-155.22 85.97s39.86 41.011 41.373 42.286S382.68 206.19 382.68 206.19z"
/>
<path
fill="url(#m)"
d="M330.68 369.78a136.12 136.12 0 0 1-159.77-7.57l.15-.19q.84-8.295 2.32-16.38L245 297.613z"
/>
<path
fill="url(#n)"
d="M382.68 206.19a136.22 136.22 0 0 1-52 163.59c-16.38.93-33.2 2.24-44.62 2.27-26.18.07-35.53-31.85-58.24-31.85-9.49 0-37.25 3.29-54.44 5.44a207.917 207.917 0 0 1 36.46-85.08c10.4-1.06 20.85-1.88 28.35-1.88 29.61 0 88.37-51.19 114.17-51.19 7.03 0 18.69-.59 30.32-1.3z"
/>
<path
fill="url(#o)"
d="M327.48 269.95c15.58 0 30.56 1.99 30.56 9.61s-20.7 17.98-30.56 17.98c-9.06 0-17.29.53-25.15-1.27a4.662 4.662 0 0 1-1.5-8.49c13.31-8.32 13.99-17.83 26.65-17.83z"
/>
</svg>
More icons in the same style and category