Add icons to this collection by clicking the heart icon.
Lighthouse icon - also known as buildings, nature, sea, security, beach, transportation, architecture, lighthouse, and architecture and city. Created in a clean flat 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"
x1="54.335"
x2="242.438"
y1="101.774"
y2="101.774"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#ffea63" stop-opacity="0" />
<stop offset=".126" stop-color="#ffe463" stop-opacity=".228" />
<stop offset=".25" stop-color="#ffde63" stop-opacity=".431" />
<stop offset=".375" stop-color="#ffda63" stop-opacity=".605" />
<stop offset=".5" stop-color="#ffd663" stop-opacity=".748" />
<stop offset=".625" stop-color="#ffd363" stop-opacity=".858" />
<stop offset=".75" stop-color="#ffd163" stop-opacity=".937" />
<stop offset=".875" stop-color="#ffcf63" stop-opacity=".984" />
<stop offset="1" stop-color="#ffcf63" />
</linearGradient>
<linearGradient
id="f"
x1="32.193"
x2="76.477"
y1="101.774"
y2="101.774"
href="#a"
/>
<linearGradient
id="g"
x1="206"
x2="306"
y1="265.292"
y2="265.292"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2f2ff" stop-opacity="0" />
<stop offset="1" stop-color="#ccccf0" />
</linearGradient>
<linearGradient
id="h"
x1="256"
x2="256"
y1="375.914"
y2="154.671"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f2f2ff" stop-opacity="0" />
<stop offset=".377" stop-color="#f2f2ff" stop-opacity=".008" />
<stop offset=".513" stop-color="#f1f1fe" stop-opacity=".036" />
<stop offset=".61" stop-color="#efeffe" stop-opacity=".085" />
<stop offset=".688" stop-color="#ececfd" stop-opacity=".156" />
<stop offset=".755" stop-color="#e9e9fb" stop-opacity=".248" />
<stop offset=".815" stop-color="#e4e4fa" stop-opacity=".361" />
<stop offset=".869" stop-color="#dfdff8" stop-opacity=".496" />
<stop offset=".918" stop-color="#d9d9f5" stop-opacity=".653" />
<stop offset=".962" stop-color="#d3d3f3" stop-opacity=".825" />
<stop offset="1" stop-color="#ccccf0" />
</linearGradient>
<radialGradient
id="i"
cx="185.398"
cy="372.649"
r="139.689"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9e9eb8" stop-opacity="0" />
<stop offset=".108" stop-color="#9898b4" stop-opacity=".228" />
<stop offset=".24" stop-color="#9191b0" stop-opacity=".463" />
<stop offset=".377" stop-color="#8c8cac" stop-opacity=".658" />
<stop offset=".518" stop-color="#8888a9" stop-opacity=".809" />
<stop offset=".664" stop-color="#8585a8" stop-opacity=".916" />
<stop offset=".82" stop-color="#8484a6" stop-opacity=".979" />
<stop offset="1" stop-color="#8383a6" />
</radialGradient>
<linearGradient
id="c"
x1="269.562"
x2="457.665"
y1="101.774"
y2="101.774"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcf63" />
<stop offset=".125" stop-color="#ffcf63" stop-opacity=".984" />
<stop offset=".249" stop-color="#ffd163" stop-opacity=".937" />
<stop offset=".374" stop-color="#ffd363" stop-opacity=".858" />
<stop offset=".5" stop-color="#ffd663" stop-opacity=".748" />
<stop offset=".625" stop-color="#ffda63" stop-opacity=".605" />
<stop offset=".75" stop-color="#ffde63" stop-opacity=".431" />
<stop offset=".874" stop-color="#ffe463" stop-opacity=".228" />
<stop offset=".994" stop-color="#ffea63" stop-opacity="0" />
</linearGradient>
<radialGradient
id="j"
cx="256.423"
cy="101.774"
r="19.84"
gradientTransform="matrix(1 0 0 2.445 0 -147.041)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#ffbe63" stop-opacity="0" />
<stop offset=".126" stop-color="#ffb65e" stop-opacity=".228" />
<stop offset=".25" stop-color="#ffaf5a" stop-opacity=".431" />
<stop offset=".375" stop-color="#ffa957" stop-opacity=".605" />
<stop offset=".5" stop-color="#ffa554" stop-opacity=".748" />
<stop offset=".625" stop-color="#ffa152" stop-opacity=".858" />
<stop offset=".75" stop-color="#ff9e50" stop-opacity=".937" />
<stop offset=".875" stop-color="#ff9d4f" stop-opacity=".984" />
<stop offset="1" stop-color="#ff9c4f" />
</radialGradient>
<linearGradient
id="k"
x1="256"
x2="256"
y1="132.475"
y2="112.479"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e63b55" />
<stop offset=".037" stop-color="#e53c55" stop-opacity=".909" />
<stop offset=".131" stop-color="#e43f57" stop-opacity=".698" />
<stop offset=".232" stop-color="#e34157" stop-opacity=".511" />
<stop offset=".335" stop-color="#e24358" stop-opacity=".353" />
<stop offset=".443" stop-color="#e14559" stop-opacity=".225" />
<stop offset=".557" stop-color="#e14659" stop-opacity=".125" />
<stop offset=".68" stop-color="#e0475a" stop-opacity=".055" />
<stop offset=".817" stop-color="#e0485a" stop-opacity=".013" />
<stop offset="1" stop-color="#e0485a" stop-opacity="0" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="159.671"
y2="149.671"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8383a6" />
<stop offset=".18" stop-color="#8484a6" stop-opacity=".979" />
<stop offset=".336" stop-color="#8585a8" stop-opacity=".916" />
<stop offset=".482" stop-color="#8888a9" stop-opacity=".809" />
<stop offset=".623" stop-color="#8c8cac" stop-opacity=".658" />
<stop offset=".76" stop-color="#9191b0" stop-opacity=".463" />
<stop offset=".892" stop-color="#9898b4" stop-opacity=".228" />
<stop offset="1" stop-color="#9e9eb8" stop-opacity="0" />
</linearGradient>
<linearGradient
id="d"
x1="233.292"
x2="278.708"
y1="61.052"
y2="61.052"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e0485a" stop-opacity="0" />
<stop offset=".183" stop-color="#e0485a" stop-opacity=".013" />
<stop offset=".32" stop-color="#e0475a" stop-opacity=".055" />
<stop offset=".443" stop-color="#e14659" stop-opacity=".125" />
<stop offset=".557" stop-color="#e14559" stop-opacity=".225" />
<stop offset=".665" stop-color="#e24358" stop-opacity=".353" />
<stop offset=".768" stop-color="#e34157" stop-opacity=".511" />
<stop offset=".869" stop-color="#e43f57" stop-opacity=".698" />
<stop offset=".963" stop-color="#e53c55" stop-opacity=".909" />
<stop offset="1" stop-color="#e63b55" />
</linearGradient>
<linearGradient id="l" y1="90.068" y2="80.068" href="#b" />
<linearGradient
id="m"
x1="435.523"
x2="479.807"
y1="101.774"
y2="101.774"
href="#c"
/>
<linearGradient
id="n"
x1="210.045"
x2="301.955"
y1="305.244"
y2="305.244"
href="#d"
/>
<linearGradient
id="o"
x1="216.929"
x2="295.071"
y1="219"
y2="219"
href="#d"
/>
<linearGradient
id="p"
x1="256"
x2="256"
y1="476.659"
y2="414.43"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#79a5ff" stop-opacity="0" />
<stop offset="1" stop-color="#618fed" />
</linearGradient>
<linearGradient
id="e"
x1="256"
x2="256"
y1="481.799"
y2="457.515"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6072db" />
<stop offset="1" stop-color="#7a89eb" />
</linearGradient>
<linearGradient
id="q"
x1="256"
x2="256"
y1="457.68"
y2="433.395"
href="#e"
/>
<linearGradient
id="r"
x1="256"
x2="256"
y1="433.6"
y2="409.316"
href="#e"
/>
<path
fill="#ffea63"
d="M238.292 112.479 54.335 137.475V66.072l183.427 23.964h4.676v22.443z"
/>
<path
fill="url(#a)"
d="M238.292 112.479 54.335 137.475V66.072l183.427 23.964h4.676v22.443z"
/>
<path
fill="#ffcf63"
d="M54.335 137.475c29.53 0 29.514-71.403 0-71.403-29.531 0-29.514 71.403 0 71.403z"
/>
<path
fill="url(#f)"
d="M54.335 137.475c29.53 0 29.514-71.403 0-71.403-29.531 0-29.514 71.403 0 71.403z"
/>
<path fill="#f2f2ff" d="m306 375.914-17.661-221.243h-64.678L206 375.914z" />
<path fill="url(#g)" d="m306 375.914-17.661-221.243h-64.678L206 375.914z" />
<path fill="url(#h)" d="m306 375.914-17.661-221.243h-64.678L206 375.914z" />
<path
fill="#9e9eb8"
d="M217.979 363.54h75.702a49.647 49.647 0 0 1 49.647 49.647v25.349H168.332v-25.35a49.647 49.647 0 0 1 49.647-49.646z"
/>
<path
fill="url(#i)"
d="M217.979 363.54h75.702a49.647 49.647 0 0 1 49.647 49.647v25.349H168.332v-25.35a49.647 49.647 0 0 1 49.647-49.646z"
/>
<path
fill="#ffea63"
d="m273.708 112.479 183.957 24.996V66.072L274.238 90.036h-4.676v22.443z"
/>
<path
fill="url(#c)"
d="m273.708 112.479 183.957 24.996V66.072L274.238 90.036h-4.676v22.443z"
/>
<path fill="#ffbe63" d="M238.608 80.097h35.63v43.353h-35.63z" />
<path fill="url(#j)" d="M238.608 80.097h35.63v43.353h-35.63z" />
<path
fill="#ff596d"
d="M238.292 112.48h35.416a5 5 0 0 1 5 5v14.995h-45.416v-14.996a5 5 0 0 1 5-5z"
/>
<path
fill="url(#k)"
d="M238.292 112.48h35.416a5 5 0 0 1 5 5v14.995h-45.416v-14.996a5 5 0 0 1 5-5z"
/>
<path
fill="#f2f2ff"
d="M233.66 130.28h44.68a10 10 0 0 1 10 10v14.39h-64.68v-14.39a10 10 0 0 1 10-10z"
/>
<path
fill="#9e9eb8"
d="M297.887 159.67h-83.774c-6.611 0-6.62-10 0-10h83.774c6.611 0 6.62 10 0 10z"
/>
<path
fill="url(#b)"
d="M297.887 159.67h-83.774c-6.611 0-6.62-10 0-10h83.774c6.611 0 6.62 10 0 10z"
/>
<path
fill="#ff596d"
d="M261 57.07V42.215c0-6.971-10-6.768-10-.215v15.07a22.712 22.712 0 0 0-17.708 22.149v5.85h45.416v-5.85A22.712 22.712 0 0 0 261 57.07z"
/>
<path
fill="url(#d)"
d="M261 57.07V42.215c0-6.971-10-6.768-10-.215v15.07a22.712 22.712 0 0 0-17.708 22.149v5.85h45.416v-5.85A22.712 22.712 0 0 0 261 57.07z"
/>
<path
fill="#9e9eb8"
d="M278.708 90.068h-45.416c-6.611 0-6.62-10 0-10h45.416c6.611 0 6.62 10 0 10z"
/>
<path
fill="url(#l)"
d="M278.708 90.068h-45.416c-6.611 0-6.62-10 0-10h45.416c6.611 0 6.62 10 0 10z"
/>
<path
fill="#ffcf63"
d="M457.665 137.475c-29.53 0-29.514-71.403 0-71.403 29.531 0 29.514 71.403 0 71.403z"
/>
<path
fill="url(#m)"
d="M457.665 137.475c-29.53 0-29.514-71.403 0-71.403 29.531 0 29.514 71.403 0 71.403z"
/>
<path fill="#ff596d" d="m301.955 325.244-3.193-40h-85.524l-3.193 40z" />
<path fill="url(#n)" d="m301.955 325.244-3.193-40h-85.524l-3.193 40z" />
<path fill="#ff596d" d="m220.122 199-3.193 40h78.142l-3.193-40z" />
<path fill="url(#o)" d="m220.122 199-3.193 40h78.142l-3.193-40z" />
<path
fill="#79a5ff"
d="M402.437 421.894c-21.653 2.22-21.972-3.465-44.927-2.334-26.893 1.325-28.624 9.233-51.709 8.945-21.883-.274-22.411-7.86-49.801-8.488-27.39.628-27.918 8.214-49.801 8.488-23.085.288-24.816-7.62-51.709-8.945-22.955-1.13-23.274 4.553-44.927 2.334-21.577-2.212-40.596-15.363-77.563-.39v48.16c36.967-14.974 55.986-1.823 77.563.389 21.653 2.22 21.972-3.464 44.927-2.334 26.893 1.325 28.624 9.234 51.709 8.945 21.883-.273 22.411-7.86 49.801-8.487 27.39.627 27.918 8.214 49.801 8.487 23.085.289 24.816-7.62 51.709-8.945 22.955-1.13 23.274 4.554 44.927 2.334 21.577-2.212 40.596-15.363 77.563-.39v-48.158c-36.967-14.974-55.986-1.823-77.563.389z"
/>
<path
fill="url(#p)"
d="M402.437 421.88c-21.653 2.22-21.972-3.464-44.927-2.333-26.893 1.325-28.624 9.234-51.709 8.945-21.883-.273-22.411-7.86-49.801-8.488-27.39.628-27.918 8.215-49.801 8.488-23.085.289-24.816-7.62-51.709-8.945-22.955-1.13-23.274 4.554-44.927 2.334-21.577-2.212-40.596-15.363-77.563-.39v48.16c36.967-14.973 55.986-1.823 77.563.39 21.653 2.22 21.972-3.465 44.927-2.334 26.893 1.325 28.624 9.233 51.709 8.944 21.883-.273 22.411-7.86 49.801-8.487 27.39.628 27.918 8.214 49.801 8.487 23.085.289 24.816-7.62 51.709-8.944 22.955-1.131 23.274 4.553 44.927 2.333 21.577-2.212 40.596-15.363 77.563-.389v-48.16c-36.967-14.973-55.986-1.822-77.563.39z"
/>
<path
fill="url(#e)"
d="M229.668 477.587c-43.091 13.82-51.733-11.479-96.608-3.497-41.098 7.312-54.118-18.061-99.184.195-6.132 2.486-9.883-6.786-3.753-9.268 48.061-19.468 63.742 5.89 101.186-.773 47.728-8.497 56.05 16.411 95.306 3.821 51.311-16.454 58.858 13.6 102.388-.138 43.7-13.785 47.165 4.15 89.083-6.041 16.42-3.993 35.034-8.518 63.79 3.13 6.131 2.484 2.381 11.752-3.754 9.27-25.773-10.44-41.99-6.497-57.673-2.683-45.607 11.089-46.334-7.425-88.437 5.861-46.598 14.7-54.918-15.085-102.344.123z"
/>
<path
fill="url(#q)"
d="M229.668 453.467c-43.091 13.82-51.733-11.478-96.608-3.497-41.098 7.313-54.118-18.06-99.184.196-6.132 2.485-9.883-6.786-3.753-9.269 48.061-19.468 63.742 5.89 101.186-.772 47.728-8.498 56.05 16.41 95.306 3.82 51.311-16.453 58.858 13.6 102.388-.138 43.7-13.784 47.165 4.15 89.083-6.04 16.42-3.993 35.034-8.518 63.79 3.13 6.131 2.483 2.381 11.752-3.754 9.269-25.773-10.44-41.99-6.497-57.673-2.683-45.607 11.09-46.334-7.424-88.437 5.861-46.598 14.7-54.918-15.085-102.344.124z"
/>
<path
fill="url(#r)"
d="M229.668 429.388c-43.091 13.82-51.733-11.48-96.608-3.498-41.098 7.313-54.118-18.06-99.184.196-6.132 2.485-9.883-6.786-3.753-9.268 48.061-19.468 63.742 5.89 101.186-.773 47.728-8.497 56.05 16.411 95.306 3.82 51.311-16.453 58.858 13.6 102.388-.137 43.7-13.785 47.165 4.15 89.083-6.041 16.42-3.993 35.034-8.518 63.79 3.13 6.131 2.483 2.381 11.752-3.754 9.269-25.773-10.439-41.99-6.497-57.673-2.683-45.607 11.09-46.334-7.424-88.437 5.862-46.598 14.7-54.918-15.085-102.344.123z"
/>
</svg>
More icons in the same style and category