lighthouse icon

lighthouse-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: lighthouse-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

lighthouseHuge Icons lighthouseSVG Logos lighthouseLucide lighthouseMaterial Icon Theme lighthouseMaterial Design Icons lighthouseNoto Emoji lighthouseOpenMoji lighthousePhosphor lighthouseSimple Icons lighthouseTDesign Icons

Use the lighthouse icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.746 9.033a1 1 0 0 0-.118 1.896L7.06 20H5a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2h-2.06l-.568-9.071a1 1 0 0 0-.118-1.896l-.24-3.848a1.5 1.5 0 0 0-.665-1.154l-2.517-1.678a1.5 1.5 0 0 0-1.664 0L8.652 4.031a1.5 1.5 0 0 0-.666 1.154zM13.5 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" clip-rule="evenodd"/><path fill="currentColor" d="M3.293 4.293a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414m17.414 0a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 1.414 1.414l1-1a1 1 0 0 0 0-1.414m-16.414 4a1 1 0 0 1 1.414 1.414l-1 1a1 1 0 0 1-1.414-1.414zm14 0a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414"/><path fill="none" stroke="currentColor" d="M7.746 9.033a1 1 0 0 0-.118 1.896L7.06 20H5a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2h-2.06l-.568-9.071a1 1 0 0 0-.118-1.896l-.24-3.848a1.5 1.5 0 0 0-.665-1.154l-2.517-1.678a1.5 1.5 0 0 0-1.664 0L8.652 4.031a1.5 1.5 0 0 0-.666 1.154zM13.5 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"/><path fill="none" stroke="currentColor" d="M3.293 4.293a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414Zm17.414 0a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 1.414 1.414l1-1a1 1 0 0 0 0-1.414Zm-16.414 4a1 1 0 0 1 1.414 1.414l-1 1a1 1 0 0 1-1.414-1.414zm14 0a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414Z"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteLighthouseFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M7.746 9.033a1 1 0 0 0-.118 1.896L7.06 20H5a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2h-2.06l-.568-9.071a1 1 0 0 0-.118-1.896l-.24-3.848a1.5 1.5 0 0 0-.665-1.154l-2.517-1.678a1.5 1.5 0 0 0-1.664 0L8.652 4.031a1.5 1.5 0 0 0-.666 1.154zM13.5 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" clipRule="evenodd"/><path fill="currentColor" d="M3.293 4.293a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414m17.414 0a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 1.414 1.414l1-1a1 1 0 0 0 0-1.414m-16.414 4a1 1 0 0 1 1.414 1.414l-1 1a1 1 0 0 1-1.414-1.414zm14 0a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414"/><path fill="none" stroke="currentColor" d="M7.746 9.033a1 1 0 0 0-.118 1.896L7.06 20H5a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2h-2.06l-.568-9.071a1 1 0 0 0-.118-1.896l-.24-3.848a1.5 1.5 0 0 0-.665-1.154l-2.517-1.678a1.5 1.5 0 0 0-1.664 0L8.652 4.031a1.5 1.5 0 0 0-.666 1.154zM13.5 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z" clipRule="evenodd"/><path fill="none" stroke="currentColor" d="M3.293 4.293a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414Zm17.414 0a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 1.414 1.414l1-1a1 1 0 0 0 0-1.414Zm-16.414 4a1 1 0 0 1 1.414 1.414l-1 1a1 1 0 0 1-1.414-1.414zm14 0a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.746 9.033a1 1 0 0 0-.118 1.896L7.06 20H5a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2h-2.06l-.568-9.071a1 1 0 0 0-.118-1.896l-.24-3.848a1.5 1.5 0 0 0-.665-1.154l-2.517-1.678a1.5 1.5 0 0 0-1.664 0L8.652 4.031a1.5 1.5 0 0 0-.666 1.154zM13.5 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" clip-rule="evenodd"/><path fill="currentColor" d="M3.293 4.293a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414m17.414 0a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 1.414 1.414l1-1a1 1 0 0 0 0-1.414m-16.414 4a1 1 0 0 1 1.414 1.414l-1 1a1 1 0 0 1-1.414-1.414zm14 0a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414"/><path fill="none" stroke="currentColor" d="M7.746 9.033a1 1 0 0 0-.118 1.896L7.06 20H5a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2h-2.06l-.568-9.071a1 1 0 0 0-.118-1.896l-.24-3.848a1.5 1.5 0 0 0-.665-1.154l-2.517-1.678a1.5 1.5 0 0 0-1.664 0L8.652 4.031a1.5 1.5 0 0 0-.666 1.154zM13.5 7a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"/><path fill="none" stroke="currentColor" d="M3.293 4.293a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414Zm17.414 0a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 1.414 1.414l1-1a1 1 0 0 0 0-1.414Zm-16.414 4a1 1 0 0 1 1.414 1.414l-1 1a1 1 0 0 1-1.414-1.414zm14 0a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414Z"/></svg>
</template>

CSS

.icon-lighthouse-fill {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.746%209.033a1%201%200%200%200-.118%201.896L7.06%2020H5a1%201%200%200%200%200%202h14a1%201%200%201%200%200-2h-2.06l-.568-9.071a1%201%200%200%200-.118-1.896l-.24-3.848a1.5%201.5%200%200%200-.665-1.154l-2.517-1.678a1.5%201.5%200%200%200-1.664%200L8.652%204.031a1.5%201.5%200%200%200-.666%201.154zM13.5%207a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.293%204.293a1%201%200%200%201%201.414%200l1%201a1%201%200%200%201-1.414%201.414l-1-1a1%201%200%200%201%200-1.414m17.414%200a1%201%200%200%200-1.414%200l-1%201a1%201%200%200%200%201.414%201.414l1-1a1%201%200%200%200%200-1.414m-16.414%204a1%201%200%200%201%201.414%201.414l-1%201a1%201%200%200%201-1.414-1.414zm14%200a1%201%200%200%201%201.414%200l1%201a1%201%200%200%201-1.414%201.414l-1-1a1%201%200%200%201%200-1.414%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20d%3D%22M7.746%209.033a1%201%200%200%200-.118%201.896L7.06%2020H5a1%201%200%200%200%200%202h14a1%201%200%201%200%200-2h-2.06l-.568-9.071a1%201%200%200%200-.118-1.896l-.24-3.848a1.5%201.5%200%200%200-.665-1.154l-2.517-1.678a1.5%201.5%200%200%200-1.664%200L8.652%204.031a1.5%201.5%200%200%200-.666%201.154zM13.5%207a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20d%3D%22M3.293%204.293a1%201%200%200%201%201.414%200l1%201a1%201%200%200%201-1.414%201.414l-1-1a1%201%200%200%201%200-1.414Zm17.414%200a1%201%200%200%200-1.414%200l-1%201a1%201%200%200%200%201.414%201.414l1-1a1%201%200%200%200%200-1.414Zm-16.414%204a1%201%200%200%201%201.414%201.414l-1%201a1%201%200%200%201-1.414-1.414zm14%200a1%201%200%200%201%201.414%200l1%201a1%201%200%200%201-1.414%201.414l-1-1a1%201%200%200%201%200-1.414Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.746%209.033a1%201%200%200%200-.118%201.896L7.06%2020H5a1%201%200%200%200%200%202h14a1%201%200%201%200%200-2h-2.06l-.568-9.071a1%201%200%200%200-.118-1.896l-.24-3.848a1.5%201.5%200%200%200-.665-1.154l-2.517-1.678a1.5%201.5%200%200%200-1.664%200L8.652%204.031a1.5%201.5%200%200%200-.666%201.154zM13.5%207a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.293%204.293a1%201%200%200%201%201.414%200l1%201a1%201%200%200%201-1.414%201.414l-1-1a1%201%200%200%201%200-1.414m17.414%200a1%201%200%200%200-1.414%200l-1%201a1%201%200%200%200%201.414%201.414l1-1a1%201%200%200%200%200-1.414m-16.414%204a1%201%200%200%201%201.414%201.414l-1%201a1%201%200%200%201-1.414-1.414zm14%200a1%201%200%200%201%201.414%200l1%201a1%201%200%200%201-1.414%201.414l-1-1a1%201%200%200%201%200-1.414%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20d%3D%22M7.746%209.033a1%201%200%200%200-.118%201.896L7.06%2020H5a1%201%200%200%200%200%202h14a1%201%200%201%200%200-2h-2.06l-.568-9.071a1%201%200%200%200-.118-1.896l-.24-3.848a1.5%201.5%200%200%200-.665-1.154l-2.517-1.678a1.5%201.5%200%200%200-1.664%200L8.652%204.031a1.5%201.5%200%200%200-.666%201.154zM13.5%207a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20d%3D%22M3.293%204.293a1%201%200%200%201%201.414%200l1%201a1%201%200%200%201-1.414%201.414l-1-1a1%201%200%200%201%200-1.414Zm17.414%200a1%201%200%200%200-1.414%200l-1%201a1%201%200%200%200%201.414%201.414l1-1a1%201%200%200%200%200-1.414Zm-16.414%204a1%201%200%200%201%201.414%201.414l-1%201a1%201%200%200%201-1.414-1.414zm14%200a1%201%200%200%201%201.414%200l1%201a1%201%200%200%201-1.414%201.414l-1-1a1%201%200%200%201%200-1.414Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/lighthouse-fill.svg?color=%231a73e8&size=48