Add icons to this collection by clicking the heart icon.
Lighthouse icon - also known as light, buildings, tower, orientation, architecture, lighthouse, guide, and architecture and city. Created in a clean gradient style with a navy 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="100"
height="100"
viewBox="0 0 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6775e9" />
<stop offset="1" stop-color="#1b2da7" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="175.895"
x2="315.955"
y1="270.486"
y2="270.486"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c8c6cc" />
</linearGradient>
<path d="M307.419 100.696H204.58l-27.571 319.972h157.982z" fill="url(#b)" />
<linearGradient
id="c"
x1="194.895"
x2="293.025"
y1="447.979"
y2="447.979"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb94a" />
<stop offset="1" stop-color="#e37300" />
</linearGradient>
<path
d="M256.002 35.007 193.941 85.6v29.839h124.117V85.6z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="194.895"
x2="293.025"
y1="270.486"
y2="270.486"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff5173" />
<stop offset="1" stop-color="#cf001f" />
</linearGradient>
<path
d="m195.6 204.913-9.611 111.539h140.022l-9.612-111.539z"
fill="url(#d)"
/>
<path
d="M273.317 158.73c0-9.524-7.793-17.317-17.317-17.317-9.524 0-17.317 7.793-17.317 17.317v20.781h34.634V158.73z"
fill="#3c3b41"
/>
<linearGradient
id="e"
x1="194.895"
x2="293.025"
y1="104.371"
y2="104.371"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb94a" />
<stop offset="1" stop-color="#e37300" />
</linearGradient>
<path d="M145.343 416.846h221.306v34.816H145.343z" fill="url(#e)" />
</svg>
More icons in the same style and category