building lighthouse icon

building-lighthouse-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.

Name
building-lighthouse-48-filled
Set
Fluent UI System Icons
Style
48 Filled
Viewbox
48×48
License
MIT

11 other variants in Fluent UI System Icons

building-lighthouse-16-filledbuilding-lighthouse-16-regularbuilding-lighthouse-20-filledbuilding-lighthouse-20-regularbuilding-lighthouse-24-filledbuilding-lighthouse-24-regularbuilding-lighthouse-28-filledbuilding-lighthouse-28-regularbuilding-lighthouse-32-filledbuilding-lighthouse-32-regularbuilding-lighthouse-48-regular

The same icon in other sets

building-lighthouseTabler Icons

Related icons in Fluent UI System Icons

building-bank-16-filledbuilding-bank-link-16-filledbuilding-bank-toolbox-20-filledbuilding-checkmark-16-filledbuilding-cloud-24-filledbuilding-desktop-16-filledbuilding-factory-16-filledbuilding-government-16-filledbuilding-government-search-16-filledbuilding-home-16-filledbuilding-mosque-12-filledbuilding-multiple-16-filledbuilding-people-16-filledbuilding-retail-20-filledbuilding-retail-money-20-filledbuilding-retail-more-20-filledbuilding-retail-shield-20-filledbuilding-retail-toolbox-20-filledbuilding-shop-16-filledbuilding-skyscraper-16-filledbuilding-swap-16-filledbuilding-townhouse-20-filledbuilding-yurt-16-filled

Use the building lighthouse icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M19.763 4.372a2.25 2.25 0 0 1 2.478 0l7.636 5.038c2.07 1.366 1.102 4.587-1.377 4.587H28v5.052a4.25 4.25 0 0 1 3.562 3.626l2.41 17.635a3.25 3.25 0 0 1-3.22 3.69H11.254a3.25 3.25 0 0 1-3.22-3.69l2.409-17.635A4.25 4.25 0 0 1 14 19.05v-5.053h-.495c-2.48 0-3.447-3.221-1.377-4.587zM16.5 13.997V19h9v-5.003zm19.634-2.363a1.25 1.25 0 0 1-1.768-1.768l2.5-2.5a1.25 1.25 0 0 1 1.769 1.767zm-24.33 19.545l-.767 5.618l19.23-5.129l-.713-5.222zM35.25 14.5a1.25 1.25 0 1 0 0 2.5h5.5a1.25 1.25 0 0 0 0-2.5zm.884 5.366l2.5 2.5a1.25 1.25 0 0 1-1.767 1.768l-2.5-2.5a1.25 1.25 0 0 1 1.767-1.768"/></svg>

React

import type { SVGProps } from "react";

export function FluentBuildingLighthouse48Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M19.763 4.372a2.25 2.25 0 0 1 2.478 0l7.636 5.038c2.07 1.366 1.102 4.587-1.377 4.587H28v5.052a4.25 4.25 0 0 1 3.562 3.626l2.41 17.635a3.25 3.25 0 0 1-3.22 3.69H11.254a3.25 3.25 0 0 1-3.22-3.69l2.409-17.635A4.25 4.25 0 0 1 14 19.05v-5.053h-.495c-2.48 0-3.447-3.221-1.377-4.587zM16.5 13.997V19h9v-5.003zm19.634-2.363a1.25 1.25 0 0 1-1.768-1.768l2.5-2.5a1.25 1.25 0 0 1 1.769 1.767zm-24.33 19.545l-.767 5.618l19.23-5.129l-.713-5.222zM35.25 14.5a1.25 1.25 0 1 0 0 2.5h5.5a1.25 1.25 0 0 0 0-2.5zm.884 5.366l2.5 2.5a1.25 1.25 0 0 1-1.767 1.768l-2.5-2.5a1.25 1.25 0 0 1 1.767-1.768"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M19.763 4.372a2.25 2.25 0 0 1 2.478 0l7.636 5.038c2.07 1.366 1.102 4.587-1.377 4.587H28v5.052a4.25 4.25 0 0 1 3.562 3.626l2.41 17.635a3.25 3.25 0 0 1-3.22 3.69H11.254a3.25 3.25 0 0 1-3.22-3.69l2.409-17.635A4.25 4.25 0 0 1 14 19.05v-5.053h-.495c-2.48 0-3.447-3.221-1.377-4.587zM16.5 13.997V19h9v-5.003zm19.634-2.363a1.25 1.25 0 0 1-1.768-1.768l2.5-2.5a1.25 1.25 0 0 1 1.769 1.767zm-24.33 19.545l-.767 5.618l19.23-5.129l-.713-5.222zM35.25 14.5a1.25 1.25 0 1 0 0 2.5h5.5a1.25 1.25 0 0 0 0-2.5zm.884 5.366l2.5 2.5a1.25 1.25 0 0 1-1.767 1.768l-2.5-2.5a1.25 1.25 0 0 1 1.767-1.768"/></svg>
</template>

CSS

.icon-building-lighthouse-48-filled {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.763%204.372a2.25%202.25%200%200%201%202.478%200l7.636%205.038c2.07%201.366%201.102%204.587-1.377%204.587H28v5.052a4.25%204.25%200%200%201%203.562%203.626l2.41%2017.635a3.25%203.25%200%200%201-3.22%203.69H11.254a3.25%203.25%200%200%201-3.22-3.69l2.409-17.635A4.25%204.25%200%200%201%2014%2019.05v-5.053h-.495c-2.48%200-3.447-3.221-1.377-4.587zM16.5%2013.997V19h9v-5.003zm19.634-2.363a1.25%201.25%200%200%201-1.768-1.768l2.5-2.5a1.25%201.25%200%200%201%201.769%201.767zm-24.33%2019.545l-.767%205.618l19.23-5.129l-.713-5.222zM35.25%2014.5a1.25%201.25%200%201%200%200%202.5h5.5a1.25%201.25%200%200%200%200-2.5zm.884%205.366l2.5%202.5a1.25%201.25%200%200%201-1.767%201.768l-2.5-2.5a1.25%201.25%200%200%201%201.767-1.768%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.763%204.372a2.25%202.25%200%200%201%202.478%200l7.636%205.038c2.07%201.366%201.102%204.587-1.377%204.587H28v5.052a4.25%204.25%200%200%201%203.562%203.626l2.41%2017.635a3.25%203.25%200%200%201-3.22%203.69H11.254a3.25%203.25%200%200%201-3.22-3.69l2.409-17.635A4.25%204.25%200%200%201%2014%2019.05v-5.053h-.495c-2.48%200-3.447-3.221-1.377-4.587zM16.5%2013.997V19h9v-5.003zm19.634-2.363a1.25%201.25%200%200%201-1.768-1.768l2.5-2.5a1.25%201.25%200%200%201%201.769%201.767zm-24.33%2019.545l-.767%205.618l19.23-5.129l-.713-5.222zM35.25%2014.5a1.25%201.25%200%201%200%200%202.5h5.5a1.25%201.25%200%200%200%200-2.5zm.884%205.366l2.5%202.5a1.25%201.25%200%200%201-1.767%201.768l-2.5-2.5a1.25%201.25%200%200%201%201.767-1.768%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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