Add icons to this collection by clicking the heart icon.
Lighthouse icon - also known as light, navigation, tower, location, lighthouse, and architecture and city. Created in a clean gradient style with a white, silver, gray, navy, and pink 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 502 502"
>
    <linearGradient
        id="d"
        x1="20.631"
        x2="284.735"
        y1="389.536"
        y2="389.536"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d4dbdb" />
        <stop offset="1" stop-color="#f3f3f3" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ec6f80" />
        <stop offset="1" stop-color="#eca0aa" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="89.989"
        x2="313.435"
        y1="393.92"
        y2="393.92"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="67.701"
        x2="204.136"
        y1="345.289"
        y2="345.289"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#4e5660" />
        <stop offset="1" stop-color="#64768d" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="191.287"
        x2="191.287"
        y1="103.008"
        y2="296.731"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient id="c">
        <stop offset="0" stop-color="#74d2e8" />
        <stop offset="1" stop-color="#baeaf5" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="58.18"
        x2="322.232"
        y1="265.495"
        y2="265.495"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="i"
        x1="61.925"
        x2="319.882"
        y1="56.581"
        y2="56.581"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="j"
        x1="159.656"
        x2="437.369"
        y1="173.428"
        y2="173.428"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f4d952" />
        <stop offset="1" stop-color="#f9edaf" />
    </linearGradient>
    <linearGradient
        id="k"
        x1="41.858"
        x2="296.229"
        y1="24.374"
        y2="24.374"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <path
        fill="url(#d)"
        d="M301.251 277.072H81.323L63.81 452.479C61.163 478.994 81.986 502 108.634 502H273.94c26.647 0 47.471-23.006 44.824-49.521z"
    />
    <path
        fill="url(#e)"
        d="M108.634 502H210.54l102.895-102.895-11.308-113.265L89.989 497.978c5.665 2.579 11.972 4.022 18.645 4.022z"
    />
    <path fill="url(#f)" d="M204.136 277.072H81.323L67.701 413.506z" />
    <path fill="url(#f)" d="M204.136 277.072H81.323L67.701 413.506z" />
    <path fill="url(#g)" d="M80.405 113.162H302.17v120.533H80.405z" />
    <path
        fill="url(#h)"
        d="M304.247 297.295H78.327c-11.299 0-20.459-9.16-20.459-20.459v-22.683c0-11.299 9.16-20.459 20.459-20.459h225.92c11.299 0 20.459 9.16 20.459 20.459v22.683c0 11.299-9.16 20.459-20.459 20.459z"
    />
    <path
        fill="url(#i)"
        d="M305.139 113.162c11.247 0 19.628-10.382 17.254-21.376C312.372 45.387 269.64 0 191.287 0S70.202 45.387 60.181 91.786c-2.374 10.994 6.006 21.376 17.254 21.376z"
    />
    <ellipse cx="103.401" cy="430.933" fill="#efc5db" rx="14.936" ry="12.003" />
    <ellipse cx="279.172" cy="430.933" fill="#efc5db" rx="14.936" ry="12.003" />
    <circle cx="129.008" cy="401.315" r="29.618" fill="#fff" />
    <circle cx="253.566" cy="401.315" r="29.618" fill="#fff" />
    <g fill="#3b3b44">
        <circle cx="129.008" cy="401.315" r="17.652" />
        <circle cx="253.566" cy="401.315" r="17.652" />
        <path
            d="M191.287 431.875c-5.247 0-10.495-1.984-14.776-5.954a5 5 0 1 1 6.799-7.333c4.697 4.355 11.258 4.354 15.954 0a5 5 0 1 1 6.799 7.333c-4.281 3.97-9.529 5.954-14.776 5.954z"
        />
    </g>
    <path
        fill="url(#j)"
        d="m352.104 99.835-111.974 25.24c-22.608 5.096-38.667 25.178-38.667 48.354s16.059 43.257 38.667 48.354l111.974 25.239c47.172 10.633 92.027-25.237 92.027-73.593.001-48.357-44.854-84.226-92.027-73.594z"
    />
    <path
        fill="#c2c8cf"
        d="M197.727 297.295H94.768v32.993c17.034.008 48.138.002 102.958.002 9.111 0 16.499-7.386 16.499-16.497 0-9.112-7.386-16.498-16.498-16.498z"
    />
    <path
        fill="#e05d6f"
        d="m79.304 297.295-3.289 32.941c1.35.058 16.498.057 74.902.055l32.996-32.996z"
    />
    <path
        fill="url(#k)"
        d="M80.151 48.748h222.272C281.14 20.858 244.4 0 191.287 0S101.434 20.858 80.151 48.748z"
    />
    <g fill="#dff7fa">
        <path
            d="M134.98 91.955H99.406c-5.523 0-10-4.477-10-10s4.477-10 10-10h35.573c5.523 0 10 4.477 10 10 .001 5.523-4.477 10-9.999 10zM191.225 91.955h-15.413c-5.523 0-10-4.477-10-10s4.477-10 10-10h15.413c5.523 0 10 4.477 10 10s-4.477 10-10 10z"
        />
    </g>
</svg>
More icons in the same style and category