Add icons to this collection by clicking the heart icon.
Lighthouse icon - also known as nature, sea, landscape, beach, lighthouse, shore, scenery, and architecture and city. Created in a clean circular style with a white, gray, black, 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 134 134"
>
<linearGradient
id="e"
x1="10.419"
x2="122.117"
y1="36.1"
y2="97.09"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a4dff2" />
<stop offset=".276" stop-color="#e2eaef" />
<stop offset="1" stop-color="#a4dff2" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fff" />
<stop offset=".411" stop-color="#f6f9fa" />
<stop offset="1" stop-color="#e2eaef" />
</linearGradient>
<linearGradient
id="f"
x1="32.854"
x2="34.952"
y1="49.983"
y2="66.771"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="105.847"
x2="107.946"
y1="59.762"
y2="76.551"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="83.881"
x2="85.441"
y1="40.04"
y2="52.521"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#95724d" />
<stop offset="1" stop-color="#522918" />
</linearGradient>
<linearGradient
id="i"
x1="67"
x2="67"
y1="87.845"
y2="108.825"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#0897c9" />
<stop offset=".336" stop-color="#068abe" />
<stop offset=".952" stop-color="#0169a1" />
<stop offset="1" stop-color="#01669e" />
</linearGradient>
<linearGradient
id="j"
x1="63.578"
x2="63.578"
y1="95.483"
y2="115.972"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="74.5"
x2="81.2"
y1="106.039"
y2="128.605"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="67"
x2="67"
y1="84.432"
y2="91.653"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fff" />
<stop offset=".447" stop-color="#fcfdfe" />
<stop offset=".725" stop-color="#f4f7f9" />
<stop offset=".957" stop-color="#e5ecf1" />
<stop offset=".997" stop-color="#e2eaef" />
</linearGradient>
<linearGradient
id="m"
x1="67"
x2="67"
y1="39.287"
y2="84.433"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="59.233"
x2="59.233"
y1="27.14"
y2="36.675"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="74.767"
x2="74.767"
y1="27.268"
y2="36.663"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<g fill="url(#e)">
<path
d="M131 66.99c0 35.35-28.64 64.01-63.99 64.01S3 102.34 3 66.99C3 31.65 31.66 3 67.01 3S131 31.65 131 66.99z"
/>
<path
d="M131 66.99c0 35.35-28.64 64.01-63.99 64.01S3 102.34 3 66.99C3 31.65 31.66 3 67.01 3S131 31.65 131 66.99z"
/>
<path
d="M131 66.99c0 35.35-28.64 64.01-63.99 64.01S3 102.34 3 66.99C3 31.65 31.66 3 67.01 3S131 31.65 131 66.99z"
/>
</g>
<path
fill="#fff"
d="M122.45 66.99c0 30.62-24.81 55.45-55.44 55.45S11.55 97.62 11.55 66.99c0-30.62 24.83-55.44 55.45-55.44s55.45 24.83 55.45 55.44z"
opacity=".15"
/>
<path
fill="#fff"
d="M110.41 66.99c0 23.98-19.42 43.41-43.4 43.41S23.59 90.97 23.59 66.99c0-23.97 19.44-43.4 43.41-43.4s43.41 19.43 43.41 43.4z"
opacity=".15"
/>
<path
fill="#fff"
d="M97.09 67c0 16.62-13.46 30.09-30.08 30.09S36.91 83.61 36.91 67 50.38 36.92 67 36.92 97.09 50.38 97.09 67z"
opacity=".15"
/>
<path
fill="url(#f)"
d="M49.94 62.52H18.87a3.404 3.404 0 0 1 5.27-2.84 5.868 5.868 0 0 1 5.71-4.49c.37 0 .71.03 1.06.09a5.57 5.57 0 0 1 11.07-.65h.07a4.49 4.49 0 0 1 4.49 4.49c.94 0 1.79.38 2.4.99.62.63 1 1.48 1 2.41z"
/>
<path
fill="url(#g)"
d="M122.94 72.3H91.87a3.404 3.404 0 0 1 5.27-2.84 5.868 5.868 0 0 1 5.71-4.49c.37 0 .71.03 1.06.09a5.57 5.57 0 0 1 11.07-.65h.07a4.49 4.49 0 0 1 4.49 4.49c.94 0 1.79.38 2.4.99.61.63 1 1.48 1 2.41z"
/>
<path
fill="url(#h)"
d="M96.59 49.36h-23.1c0-1.4 1.13-2.53 2.53-2.53.51 0 1 .15 1.39.42a4.367 4.367 0 0 1 4.25-3.34c.27 0 .53.02.79.07a4.152 4.152 0 0 1 4.14-3.99c2.07 0 3.78 1.52 4.09 3.5h.05c1.84 0 3.34 1.5 3.34 3.34.7 0 1.33.29 1.78.74.45.46.74 1.1.74 1.79z"
/>
<g fill="#fff" opacity=".7">
<path
d="M108.97 21.73v21.61l-34.2-7.14v-7.34zM25.03 21.73v21.61l34.2-7.14v-7.34z"
opacity=".7"
/>
</g>
<path
fill="url(#i)"
d="M7.51 90.61a64 64 0 0 0 11.06 18.22h96.87a64 64 0 0 0 11.06-18.22z"
/>
<path
fill="url(#j)"
d="M111.87 112.63C100.33 123.99 84.49 131 67.01 131c-21.25 0-40.08-10.36-51.72-26.3 6.18-.89 12.36-1.9 18.54-2.83 13.6-2.04 27.39-3.63 41.09-2.39 13.19 1.19 26.39 5.18 36.95 13.15z"
/>
<path
fill="url(#k)"
d="M119.5 103.61C107.94 120.17 88.74 131 67.01 131c-12.35 0-23.89-3.5-33.66-9.57 7.32-5.9 16.32-9.76 25.5-12.02 12.05-2.97 24.56-3.43 36.96-3.96 7.91-.34 15.87-.73 23.69-1.84z"
/>
<path
fill="url(#l)"
d="m89.28 90.61-3.01-4.29a4.438 4.438 0 0 0-3.63-1.89H51.36c-1.45 0-2.8.7-3.63 1.89l-3.01 4.29z"
/>
<path fill="url(#m)" d="m75.63 39.29 5.62 45.14h-28.5l5.62-45.14z" />
<g fill="#f66">
<path
d="m80.43 77.89-27.42 4.43.99-7.96 25.49-4.12zM78.69 63.87l-23.86 3.85.99-7.95 21.93-3.55zM76.95 49.85l-20.3 3.28.99-7.96L76 42.2z"
/>
</g>
<path
fill="#484253"
d="M71.41 76.71v7.78H62.6v-7.78a4.41 4.41 0 0 1 4.41-4.41c2.42 0 4.4 1.98 4.4 4.41zM77.97 38.1c0 .66-.53 1.19-1.19 1.19H57.22c-.66 0-1.19-.53-1.19-1.19 0-.66.53-1.19 1.19-1.19h19.56c.65 0 1.19.53 1.19 1.19z"
/>
<path fill="url(#n)" d="M57.95 27.15h2.56v9.76h-2.56z" />
<path fill="url(#o)" d="M73.49 27.15h2.56v9.76h-2.56z" />
<path
fill="#484253"
d="M78.31 32.53c0 .38-.31.68-.68.68h-20.9a.68.68 0 0 1 0-1.36h20.9c.37 0 .68.31.68.68zM57.26 25.78h19.82v1.37H57.26z"
/>
<g fill="#2a2633">
<path
d="M57.35 33.22h1.08v3.7h-1.08zM60.99 33.22h1.08v3.7h-1.08zM64.64 33.22h1.08v3.7h-1.08zM68.28 33.22h1.08v3.7h-1.08zM71.93 33.22h1.08v3.7h-1.08zM75.57 33.22h1.08v3.7h-1.08z"
/>
</g>
<path fill="#f66" d="M79.34 25.78H55l12.17-10.64z" />
</svg>
More icons in the same style and category