lighthouse icon

Lighthouse: lighthouse, beacon, coast, coastline. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M11.724 2.947C11.598 3.01 11.47 3.02 11.341 2.977C11.212 2.934 11.116 2.85 11.053 2.724C10.99 2.598 10.98 2.47 11.023 2.341C11.066 2.212 11.15 2.116 11.276 2.053L13.276 1.053C13.402 0.99 13.53 0.98 13.659 1.023C13.788 1.066 13.884 1.15 13.947 1.276C14.01 1.402 14.02 1.53 13.977 1.659C13.934 1.788 13.85 1.884 13.724 1.947L11.724 2.947ZM3.974 2.342C4.018 2.473 4.009 2.6 3.947 2.724C3.885 2.847 3.789 2.931 3.658 2.974C3.527 3.018 3.4 3.009 3.276 2.947L1.276 1.947C1.15 1.884 1.066 1.788 1.023 1.659C0.98 1.53 0.99 1.402 1.053 1.276C1.116 1.15 1.212 1.066 1.341 1.023C1.47 0.98 1.598 0.99 1.724 1.053L3.724 2.053C3.847 2.115 3.931 2.211 3.974 2.342ZM10.008 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L10.072 7C10.086 7.144 10.102 7.287 10.12 7.43L10.785 12.752C10.819 13.023 10.799 13.289 10.723 13.552C10.64 13.841 10.499 14.098 10.3 14.324C10.101 14.549 9.863 14.721 9.587 14.839C9.336 14.946 9.074 15 8.801 15L6.199 15C5.926 15 5.664 14.946 5.413 14.839C5.137 14.721 4.899 14.549 4.7 14.324C4.501 14.098 4.36 13.841 4.277 13.552C4.201 13.289 4.181 13.023 4.215 12.752L4.88 7.43C4.898 7.287 4.914 7.144 4.928 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5C4 6.359 4.048 6.241 4.144 6.144C4.241 6.048 4.359 6 4.5 6L4.992 6C4.997 5.834 5 5.667 5 5.5L5 3.427C5 3.048 5.1 2.698 5.299 2.376C5.359 2.277 5.426 2.186 5.5 2.103L5.506 2.096C5.535 2.063 5.565 2.031 5.597 2C5.744 1.855 5.913 1.734 6.106 1.638L6.382 1.5C6.734 1.324 7.107 1.236 7.5 1.236C7.893 1.236 8.266 1.324 8.618 1.5L8.894 1.638C9.087 1.734 9.256 1.855 9.403 2L9.412 2.009C9.442 2.039 9.472 2.07 9.5 2.103C9.574 2.186 9.641 2.277 9.701 2.376C9.9 2.698 10 3.048 10 3.427L10 5.5C10 5.667 10.003 5.833 10.008 6ZM8.905 3L6.095 3C6.032 3.133 6 3.276 6 3.427L6 5.5C6 5.667 5.997 5.833 5.992 6L9.008 6C9.003 5.833 9 5.667 9 5.5L9 3.427C9 3.276 8.968 3.133 8.905 3ZM11.026 4.658C10.982 4.527 10.991 4.4 11.053 4.276C11.116 4.15 11.212 4.066 11.341 4.023C11.47 3.98 11.598 3.99 11.724 4.053L13.724 5.053C13.847 5.115 13.931 5.211 13.974 5.342C14.018 5.473 14.009 5.6 13.947 5.724C13.884 5.85 13.788 5.934 13.659 5.977C13.53 6.02 13.402 6.01 13.276 5.947L11.276 4.947C11.153 4.885 11.069 4.789 11.026 4.658ZM1.342 5.974C1.211 5.931 1.115 5.847 1.053 5.724C0.991 5.6 0.982 5.473 1.026 5.342C1.069 5.211 1.153 5.115 1.276 5.053L3.276 4.053C3.4 3.991 3.527 3.982 3.658 4.026C3.789 4.069 3.885 4.153 3.947 4.276C4.01 4.402 4.02 4.53 3.977 4.659C3.934 4.788 3.85 4.884 3.724 4.947L1.724 5.947C1.6 6.009 1.473 6.018 1.342 5.974ZM5.566 10L9.434 10L9.128 7.554C9.105 7.37 9.085 7.185 9.068 7L5.932 7C5.915 7.185 5.895 7.37 5.872 7.554L5.566 10ZM9.551 13.662C9.65 13.549 9.721 13.42 9.762 13.276C9.8 13.145 9.81 13.011 9.793 12.876L9.559 11L5.441 11L5.207 12.876C5.19 13.011 5.2 13.145 5.238 13.276C5.279 13.42 5.35 13.549 5.449 13.662C5.549 13.775 5.668 13.86 5.806 13.92C5.932 13.973 6.063 14 6.199 14L8.801 14C8.937 14 9.068 13.973 9.194 13.92C9.332 13.86 9.451 13.775 9.551 13.662Z"/></svg>

React

// Gentleface "lighthouse" (line-round), MIT. https://gentleface.com/icons/lighthouse
import type { SVGProps } from 'react';

export function LighthouseIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M11.724 2.947C11.598 3.01 11.47 3.02 11.341 2.977C11.212 2.934 11.116 2.85 11.053 2.724C10.99 2.598 10.98 2.47 11.023 2.341C11.066 2.212 11.15 2.116 11.276 2.053L13.276 1.053C13.402 0.99 13.53 0.98 13.659 1.023C13.788 1.066 13.884 1.15 13.947 1.276C14.01 1.402 14.02 1.53 13.977 1.659C13.934 1.788 13.85 1.884 13.724 1.947L11.724 2.947ZM3.974 2.342C4.018 2.473 4.009 2.6 3.947 2.724C3.885 2.847 3.789 2.931 3.658 2.974C3.527 3.018 3.4 3.009 3.276 2.947L1.276 1.947C1.15 1.884 1.066 1.788 1.023 1.659C0.98 1.53 0.99 1.402 1.053 1.276C1.116 1.15 1.212 1.066 1.341 1.023C1.47 0.98 1.598 0.99 1.724 1.053L3.724 2.053C3.847 2.115 3.931 2.211 3.974 2.342ZM10.008 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.641 10.952 6.759 10.856 6.856C10.759 6.952 10.641 7 10.5 7L10.072 7C10.086 7.144 10.102 7.287 10.12 7.43L10.785 12.752C10.819 13.023 10.799 13.289 10.723 13.552C10.64 13.841 10.499 14.098 10.3 14.324C10.101 14.549 9.863 14.721 9.587 14.839C9.336 14.946 9.074 15 8.801 15L6.199 15C5.926 15 5.664 14.946 5.413 14.839C5.137 14.721 4.899 14.549 4.7 14.324C4.501 14.098 4.36 13.841 4.277 13.552C4.201 13.289 4.181 13.023 4.215 12.752L4.88 7.43C4.898 7.287 4.914 7.144 4.928 7L4.5 7C4.359 7 4.241 6.952 4.144 6.856C4.048 6.759 4 6.641 4 6.5C4 6.359 4.048 6.241 4.144 6.144C4.241 6.048 4.359 6 4.5 6L4.992 6C4.997 5.834 5 5.667 5 5.5L5 3.427C5 3.048 5.1 2.698 5.299 2.376C5.359 2.277 5.426 2.186 5.5 2.103L5.506 2.096C5.535 2.063 5.565 2.031 5.597 2C5.744 1.855 5.913 1.734 6.106 1.638L6.382 1.5C6.734 1.324 7.107 1.236 7.5 1.236C7.893 1.236 8.266 1.324 8.618 1.5L8.894 1.638C9.087 1.734 9.256 1.855 9.403 2L9.412 2.009C9.442 2.039 9.472 2.07 9.5 2.103C9.574 2.186 9.641 2.277 9.701 2.376C9.9 2.698 10 3.048 10 3.427L10 5.5C10 5.667 10.003 5.833 10.008 6ZM8.905 3L6.095 3C6.032 3.133 6 3.276 6 3.427L6 5.5C6 5.667 5.997 5.833 5.992 6L9.008 6C9.003 5.833 9 5.667 9 5.5L9 3.427C9 3.276 8.968 3.133 8.905 3ZM11.026 4.658C10.982 4.527 10.991 4.4 11.053 4.276C11.116 4.15 11.212 4.066 11.341 4.023C11.47 3.98 11.598 3.99 11.724 4.053L13.724 5.053C13.847 5.115 13.931 5.211 13.974 5.342C14.018 5.473 14.009 5.6 13.947 5.724C13.884 5.85 13.788 5.934 13.659 5.977C13.53 6.02 13.402 6.01 13.276 5.947L11.276 4.947C11.153 4.885 11.069 4.789 11.026 4.658ZM1.342 5.974C1.211 5.931 1.115 5.847 1.053 5.724C0.991 5.6 0.982 5.473 1.026 5.342C1.069 5.211 1.153 5.115 1.276 5.053L3.276 4.053C3.4 3.991 3.527 3.982 3.658 4.026C3.789 4.069 3.885 4.153 3.947 4.276C4.01 4.402 4.02 4.53 3.977 4.659C3.934 4.788 3.85 4.884 3.724 4.947L1.724 5.947C1.6 6.009 1.473 6.018 1.342 5.974ZM5.566 10L9.434 10L9.128 7.554C9.105 7.37 9.085 7.185 9.068 7L5.932 7C5.915 7.185 5.895 7.37 5.872 7.554L5.566 10ZM9.551 13.662C9.65 13.549 9.721 13.42 9.762 13.276C9.8 13.145 9.81 13.011 9.793 12.876L9.559 11L5.441 11L5.207 12.876C5.19 13.011 5.2 13.145 5.238 13.276C5.279 13.42 5.35 13.549 5.449 13.662C5.549 13.775 5.668 13.86 5.806 13.92C5.932 13.973 6.063 14 6.199 14L8.801 14C8.937 14 9.068 13.973 9.194 13.92C9.332 13.86 9.451 13.775 9.551 13.662Z" />
    </svg>
  );
}

Vue

Vue: see /icons/lighthouse.md

Svelte

Svelte: see /icons/lighthouse.md

HTML img

HTML img: see /icons/lighthouse.md

CSS

CSS: see /icons/lighthouse.md

Data URL

Data URL: see /icons/lighthouse.md

Sprite

Sprite: see /icons/lighthouse.md

SwiftUI

SwiftUI: see /icons/lighthouse.md

Compose

Compose: see /icons/lighthouse.md

Android XML

Android XML: see /icons/lighthouse.md

Flutter

Flutter: see /icons/lighthouse.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

lighthouse, beacon, coast, coastline

Alternatives

bluetooth: a Bluetooth (BLE) beacon
radar: detecting nearby devices

Also fits

tower: a lighthouse

Tags

lighthouse, beacon, coast, harbor, navigation, guide, sea, maritime

Category

Buildings

Component name

LighthouseIcon

History

2026-10-15 added
2026-10-16 16 px redrawn

More buildings icons

building building-gear building-pencil building-plus building-search buildings castle city elevator factory fence garage home home-gear home-heart home-plus · all buildings icons

For agents

Metadata: /icons/lighthouse.json · Markdown: /icons/lighthouse.md · SVG: https://gentleface.com/svg/{style}/16/lighthouse.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/lighthouse.png

lighthouse icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More buildings icons

For agents

lighthouse icon