Logoforge
Back

Lighthouse logo

Lighthouse is an automated tool that audits web pages for performance, accessibility, best practices, and SEO, giving developers actionable improvement suggestions. The Lighthouse logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Lighthouse logo

Use the Lighthouse logo

shadcn CLI
npx shadcn@latest add @logoforge/lighthouse

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React
import { LighthouseLogo } from "@/components/logos/lighthouse";

<LighthouseLogo className="size-8" />
<LighthouseLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><defs><linearGradient id="lighthouse-c" x1="49.994%" x2="49.994%" y1=".226%" y2="99.725%"><stop offset="0%" stop-color="#212121" stop-opacity=".04"/><stop offset="66%" stop-color="#212121" stop-opacity="0"/></linearGradient><linearGradient id="lighthouse-i" x1="36.626%" x2="64.01%" y1="20.358%" y2="100.652%"><stop offset="0%" stop-color="#fff" stop-opacity=".1"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="lighthouse-j" x1="68.935%" x2="31.065%" y1="65.756%" y2="35.799%"><stop offset="0%" stop-color="#262626" stop-opacity=".1"/><stop offset="100%" stop-color="#262626" stop-opacity="0"/></linearGradient><linearGradient id="lighthouse-k" x1="62.531%" x2="24.779%" y1="13.086%" y2="100.996%"><stop offset="0%" stop-color="#262626" stop-opacity=".1"/><stop offset="100%" stop-color="#262626" stop-opacity="0"/></linearGradient><linearGradient id="lighthouse-l" x1="0%" x2="100%" y1="50%" y2="50%"><stop offset="0%" stop-color="#262626" stop-opacity=".1"/><stop offset="100%" stop-color="#262626" stop-opacity="0"/></linearGradient><linearGradient id="lighthouse-p" x1="49.994%" x2="49.994%" y1=".226%" y2="99.725%"><stop offset="0%" stop-color="#212121" stop-opacity=".04"/><stop offset="66%" stop-color="#212121" stop-opacity="0"/></linearGradient><path id="lighthouse-a" d="M53.483 15.73h-7.645C42.598 6.56 33.866 0 23.594 0 10.57 0 0 10.57 0 23.594s10.57 23.597 23.594 23.597h29.889c8.686-.004 15.727-7.045 15.73-15.732-.004-8.686-7.044-15.726-15.73-15.73"/><path id="lighthouse-d" d="M29.887 0H0v31.459h29.887c8.685-.004 15.725-7.044 15.729-15.73C45.612 7.045 38.572.005 29.886 0"/><path id="lighthouse-f" d="m.72.72 12.756 40.284c4.26-4.28 10.838-10.178 10.838-16.69C24.314 11.29 13.744.72.72.72"/><path id="lighthouse-n" d="M61.71 18.15h-8.822C49.151 7.568 39.078 0 27.225 0 12.197 0 0 12.197 0 27.225S12.197 54.45 27.225 54.45h34.484c10.02 0 18.152-8.13 18.152-18.15 0-10.018-8.133-18.15-18.152-18.15"/><path id="lighthouse-q" d="M34.484 0H0v36.3h34.484c10.02 0 18.152-8.132 18.152-18.15C52.636 8.13 44.503 0 34.484 0"/><path id="lighthouse-s" d="m.445.445 14.719 46.483C20.084 41.99 27.67 35.184 27.67 27.67 27.67 12.642 15.473.445.445.445"/><radialGradient id="lighthouse-h" cx="10.105%" cy="14.269%" r="144.565%" fx="10.105%" fy="14.269%" gradientTransform="matrix(.68182 0 0 1 .032 0)"><stop offset="0%" stop-color="#fff" stop-opacity=".1"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="lighthouse-m" cx="14.489%" cy="14.584%" r="99.973%" fx="14.489%" fy="14.584%"><stop offset="0%" stop-color="#fff" stop-opacity=".1"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="lighthouse-u" cx="10.105%" cy="14.269%" r="144.568%" fx="10.105%" fy="14.269%" gradientTransform="matrix(.68181 0 0 1 .032 0)"><stop offset="0%" stop-color="#fff" stop-opacity=".1"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></radialGradient><filter id="lighthouse-g" width="159.3%" height="134.8%" x="-29.7%" y="-12.4%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/></filter><filter id="lighthouse-t" width="151.4%" height="130.1%" x="-25.7%" y="-10.8%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/></filter></defs><g fill="none"><circle cx="127.777" cy="127.777" r="127.777" fill="#0535c1"/><path d="M155.363 58.08h75.505v75.505h-75.505z"/><g transform="translate(158.51 73.81)"><mask id="lighthouse-b" fill="#fff"><use xlink:href="#lighthouse-a"/></mask><g mask="url(#lighthouse-b)"><path fill="#eaeaea" d="M53.483 15.73h-7.645C42.598 6.56 33.866 0 23.594 0 10.57 0 0 10.57 0 23.594s10.57 23.597 23.594 23.597h29.889c8.686-.004 15.727-7.045 15.73-15.732-.004-8.686-7.044-15.726-15.73-15.73"/><path fill="#fff" fill-opacity=".2" d="M69.212 31.649v-.19c-.003-8.686-7.043-15.726-15.729-15.73h-7.867v.393h7.867c8.609.001 15.617 6.92 15.73 15.529z"/><path fill="url(#lighthouse-c)" d="M77.312 47.19H23.594l22.26-31.46z"/><g transform="translate(23.594 15.73)"><mask id="lighthouse-e" fill="#fff"><use xlink:href="#lighthouse-d"/></mask><g mask="url(#lighthouse-e)"><g transform="translate(-.72 -16.45)"><use xlink:href="#lighthouse-f" fill="#000" filter="url(#lighthouse-g)"/><use xlink:href="#lighthouse-f" fill="#e1e1e1"/></g></g></g><circle cx="23.594" cy="23.594" r="23.594" fill="#eee"/><path fill="#fff" fill-opacity=".2" d="M23.594.392c12.962 0 23.486 10.461 23.597 23.407v-.187C47.19 10.587 36.619.015 23.594.015 10.57.015 0 10.57 0 23.595v.189C.109 10.853 10.633.392 23.594.392"/><path fill="#212121" fill-opacity=".1" d="M53.483 46.796H23.594C10.635 46.796.111 36.336 0 23.392v.19c0 13.024 10.57 23.593 23.594 23.593h29.889c8.686-.003 15.726-7.043 15.73-15.729v-.187c-.109 8.61-7.118 15.536-15.73 15.54z"/></g></g><path fill="url(#lighthouse-h)" d="M211.993 89.54h-7.644c-3.241-9.17-11.973-15.73-22.244-15.73-13.025 0-23.595 10.57-23.595 23.594s10.57 23.597 23.595 23.597h29.888c8.687-.004 15.727-7.045 15.73-15.732-.004-8.685-7.044-15.726-15.73-15.73"/><path fill="#fff176" d="M92.929 53.725h66.792v58.08H92.93z"/><path fill="#fff" d="M85.667 142.295h79.86v79.86h-79.86z"/><path fill="#f4481e" d="M174.24 105.997h11.615v23.23H69.696v-23.23h11.615V59.53l46.466-29.039 46.463 29.04zm-23.233 0v-33.59l-23.23-14.516-23.233 14.517v33.589z"/><path fill="#f4481e" d="m64.536 238.83 19.68-132.835h87.12l19.679 132.836c-18.646 10.641-40.232 16.72-63.238 16.72-23.007 0-44.593-6.079-63.24-16.72m89.253-92.758-54.655 17.76-6.643 44.833 67.33-21.88-6.032-40.715z"/><path fill="url(#lighthouse-i)" d="m174.129 129.227 16.237 109.604c-18.646 10.641-40.232 16.72-63.238 16.72-23.007 0-44.593-6.079-63.24-16.72l16.238-109.604h-10.43v-23.23h11.615V59.53l46.466-29.039 46.463 29.04v46.465h11.615v23.23H174.13"/><path fill="url(#lighthouse-j)" d="M127.777 105.997H81.31V59.53l46.466-29.039z"/><path fill="url(#lighthouse-k)" d="M127.777 255.551a127.7 127.7 0 0 1-63.24-16.72l14.56-109.604h48.678v126.324z"/><path fill="url(#lighthouse-l)" d="M69.696 105.997h58.08v23.232h-58.08z" transform="matrix(-1 0 0 1 197.473 0)"/><circle cx="127.777" cy="127.777" r="127.777" fill="url(#lighthouse-m)"/><path d="M27.589 82.764h87.12v87.12h-87.12z"/><g transform="translate(31.217 100.913)"><mask id="lighthouse-o" fill="#fff"><use xlink:href="#lighthouse-n"/></mask><g mask="url(#lighthouse-o)"><path fill="#fafafa" d="M61.71 18.15h-8.822C49.151 7.568 39.078 0 27.225 0 12.197 0 0 12.197 0 27.225S12.197 54.45 27.225 54.45h34.484c10.02 0 18.152-8.13 18.152-18.15 0-10.018-8.133-18.15-18.152-18.15"/><path fill="#fff" fill-opacity=".2" d="M79.86 36.519V36.3c0-10.02-8.132-18.152-18.15-18.152h-9.074v.455h9.073c9.933 0 18.02 7.983 18.152 17.915"/><path fill="url(#lighthouse-p)" d="M89.206 54.45H27.225l25.683-36.3z"/><g transform="translate(27.225 18.15)"><mask id="lighthouse-r" fill="#fff"><use xlink:href="#lighthouse-q"/></mask><g mask="url(#lighthouse-r)"><g transform="translate(-.445 -18.594)"><use xlink:href="#lighthouse-s" fill="#000" filter="url(#lighthouse-t)"/><use xlink:href="#lighthouse-s" fill="#e1e1e1"/></g></g></g><circle cx="27.225" cy="27.225" r="27.225" fill="#fff"/><path fill="#fff" fill-opacity=".2" d="M27.225.453c14.956 0 27.099 12.07 27.225 27.007v-.218C54.45 12.214 42.253.017 27.225.017S0 12.197 0 27.225v.218C.126 12.523 12.269.453 27.225.453"/><path fill="#212121" fill-opacity=".1" d="M61.71 53.997H27.224C12.269 53.997.126 41.927 0 26.99v.218c0 15.028 12.197 27.225 27.225 27.225h34.484c10.02 0 18.152-8.133 18.152-18.152v-.218c-.129 9.93-8.205 17.934-18.152 17.934"/></g></g><path fill="url(#lighthouse-u)" d="M92.927 119.063h-8.821c-3.738-10.581-13.811-18.15-25.664-18.15-15.028 0-27.225 12.197-27.225 27.225s12.197 27.225 27.225 27.225h34.485c10.018 0 18.151-8.13 18.151-18.149s-8.133-18.151-18.151-18.151"/><g opacity=".1"><path fill="#fff" d="M127.777 1.335c70.35 0 127.397 56.846 127.761 127.108 0-.218.013-.435.013-.666C255.551 57.21 198.344 0 127.777 0S0 57.21 0 127.777c0 .217.015.435.015.666C.377 58.181 57.427 1.335 127.777 1.335"/><path fill="#263238" d="M255.538 127.108c-.364 70.262-57.412 127.108-127.761 127.108-70.35 0-127.4-56.846-127.762-127.108 0 .233-.015.45-.015.669C0 198.344 57.21 255.55 127.777 255.55S255.55 198.344 255.55 127.777c0-.218-.013-.436-.013-.669"/></g><circle cx="127.777" cy="127.777" r="127.777" fill="url(#lighthouse-m)"/></g></svg>

Download

Related logos

Lighthouse and the Lighthouse logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Lighthouse; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.