Skip to content

Lighthouse

The lighthouse icon represents a symbol for navigation and guidance.

Add shadcn.io to your AI agent. · Pro It installs Lighthouse, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Lighthouse icon from WebHostingHub Glyphs

Code

Lighthouse in your framework

In any framework. Customize it above, and the code follows.

export const LighthouseIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" {...props}>
    <path fill="currentColor" d="m768 192l256-128v320L768 256zm-64 128q0 23-15 41t-38 22l12 65H361l12-65q-23-4-38-22t-15-41V128h-64L512 0l256 128h-64zM512 160q0-13-9.5-22.5T480 128h-64q-13 0-22.5 9.5T384 160v128q0 13 9.5 22.5T416 320h64q13 0 22.5-9.5T512 288zm128 0q0-13-9.5-22.5T608 128t-22.5 9.5T576 160v128q0 13 9.5 22.5T608 320t22.5-9.5T640 288zm-384 96L0 384V64l256 128zm419 256l11 64H337l12-64zm35 192H314l12-64h372zM287 852l16-84h418l16 84q129 24 208 70t79 102H0q0-56 79-102t208-70"/>
  </svg>
);

Other libraries

Lighthouse in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Lighthouse icon from Arcticons
  • Lighthouse icon from Phosphor
  • Lighthouse icon from Material Design Icons
  • Lighthouse icon from Huge Icons
  • Lighthouse icon from Game Icons
  • Lighthouse icon from Simple Icons
  • Lighthouse icon from TDesign Icons
  • Lighthouse icon from File Icons

WebHostingHub Glyphs

Icons that share its tags, in the same style.

  • Road icon from WebHostingHub Glyphs
  • Roadsignleft icon from WebHostingHub Glyphs
  • Roadsignright icon from WebHostingHub Glyphs
  • Compass icon from WebHostingHub Glyphs
  • Roadtunnel icon from WebHostingHub Glyphs
  • Address icon from WebHostingHub Glyphs
  • Angle icon from WebHostingHub Glyphs
  • Boat icon from WebHostingHub Glyphs
  • Circlearrowdown icon from WebHostingHub Glyphs
  • Circlearrowleft icon from WebHostingHub Glyphs
  • Circlearrowright icon from WebHostingHub Glyphs
  • Circlearrowup icon from WebHostingHub Glyphs
  • Circlebackward icon from WebHostingHub Glyphs
  • Circledown icon from WebHostingHub Glyphs
  • Circleforward icon from WebHostingHub Glyphs
  • Circleforwardempty icon from WebHostingHub Glyphs
  • Circleright icon from WebHostingHub Glyphs
  • Circleu icon from WebHostingHub Glyphs
  • Circleup icon from WebHostingHub Glyphs
  • Downleft icon from WebHostingHub Glyphs
  • Downright icon from WebHostingHub Glyphs
  • Fatarrowdown icon from WebHostingHub Glyphs
  • Fatarrowleft icon from WebHostingHub Glyphs
  • Fatarrowright icon from WebHostingHub Glyphs

Skip the copy and paste. With Pro, your AI agent finds and installs any WebHostingHub Glyphs icon from a prompt.

Get Pro

Tags

Browse by tag

Lighthouse is tagged navigation, direction, warning and 3 more. Related tags follow; each opens its icons from every library.

Pricing

WebHostingHub Glyphs MCP, with Pro

Ask for Lighthouse or any of 2,125 WebHostingHub Glyphs icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Lighthouse icon means and where it's used, then how to install, style and license it.

Install Lighthouse from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro