building lighthouse icon
building-lighthouse-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- building-lighthouse-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- 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-32-filledbuilding-lighthouse-32-regularbuilding-lighthouse-48-filledbuilding-lighthouse-48-regular
The same icon in other sets
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 28 28"><path fill="currentColor" d="M12.184 2.203a1.25 1.25 0 0 0-1.372 0L6.18 5.246c-1.244.817-.667 2.75.82 2.753v3.157a2.75 2.75 0 0 0-1.818 2.282L4.035 23.495A2.25 2.25 0 0 0 6.271 26h10.496a2.25 2.25 0 0 0 2.235-2.505l-1.147-10.057A2.75 2.75 0 0 0 16 11.143V8c1.484-.006 2.06-1.937.817-2.753zM14.5 11h-6V8h6zM7.003 6.5l4.495-2.953l4.495 2.952zM5.771 21.515l.405-3.556l10.367-2.79l.381 3.343zm.588-5.158l.314-2.75A1.25 1.25 0 0 1 7.915 12.5h7.208c.635 0 1.17.477 1.242 1.108l.006.054zm-.771 6.76l11.508-3.098l.416 3.645a.75.75 0 0 1-.745.835H6.27a.75.75 0 0 1-.745-.835zM19.22 5.22a.75.75 0 1 0 1.06 1.06l1.5-1.5a.75.75 0 1 0-1.06-1.06zm0 6a.75.75 0 0 0 0 1.06l1.5 1.5a.75.75 0 0 0 1.06-1.06l-1.5-1.5a.75.75 0 0 0-1.06 0M23.25 8h-3.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 1 0 0-1.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentBuildingLighthouse28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M12.184 2.203a1.25 1.25 0 0 0-1.372 0L6.18 5.246c-1.244.817-.667 2.75.82 2.753v3.157a2.75 2.75 0 0 0-1.818 2.282L4.035 23.495A2.25 2.25 0 0 0 6.271 26h10.496a2.25 2.25 0 0 0 2.235-2.505l-1.147-10.057A2.75 2.75 0 0 0 16 11.143V8c1.484-.006 2.06-1.937.817-2.753zM14.5 11h-6V8h6zM7.003 6.5l4.495-2.953l4.495 2.952zM5.771 21.515l.405-3.556l10.367-2.79l.381 3.343zm.588-5.158l.314-2.75A1.25 1.25 0 0 1 7.915 12.5h7.208c.635 0 1.17.477 1.242 1.108l.006.054zm-.771 6.76l11.508-3.098l.416 3.645a.75.75 0 0 1-.745.835H6.27a.75.75 0 0 1-.745-.835zM19.22 5.22a.75.75 0 1 0 1.06 1.06l1.5-1.5a.75.75 0 1 0-1.06-1.06zm0 6a.75.75 0 0 0 0 1.06l1.5 1.5a.75.75 0 0 0 1.06-1.06l-1.5-1.5a.75.75 0 0 0-1.06 0M23.25 8h-3.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 1 0 0-1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M12.184 2.203a1.25 1.25 0 0 0-1.372 0L6.18 5.246c-1.244.817-.667 2.75.82 2.753v3.157a2.75 2.75 0 0 0-1.818 2.282L4.035 23.495A2.25 2.25 0 0 0 6.271 26h10.496a2.25 2.25 0 0 0 2.235-2.505l-1.147-10.057A2.75 2.75 0 0 0 16 11.143V8c1.484-.006 2.06-1.937.817-2.753zM14.5 11h-6V8h6zM7.003 6.5l4.495-2.953l4.495 2.952zM5.771 21.515l.405-3.556l10.367-2.79l.381 3.343zm.588-5.158l.314-2.75A1.25 1.25 0 0 1 7.915 12.5h7.208c.635 0 1.17.477 1.242 1.108l.006.054zm-.771 6.76l11.508-3.098l.416 3.645a.75.75 0 0 1-.745.835H6.27a.75.75 0 0 1-.745-.835zM19.22 5.22a.75.75 0 1 0 1.06 1.06l1.5-1.5a.75.75 0 1 0-1.06-1.06zm0 6a.75.75 0 0 0 0 1.06l1.5 1.5a.75.75 0 0 0 1.06-1.06l-1.5-1.5a.75.75 0 0 0-1.06 0M23.25 8h-3.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 1 0 0-1.5"/></svg> </template>
CSS
.icon-building-lighthouse-28-regular {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.184%202.203a1.25%201.25%200%200%200-1.372%200L6.18%205.246c-1.244.817-.667%202.75.82%202.753v3.157a2.75%202.75%200%200%200-1.818%202.282L4.035%2023.495A2.25%202.25%200%200%200%206.271%2026h10.496a2.25%202.25%200%200%200%202.235-2.505l-1.147-10.057A2.75%202.75%200%200%200%2016%2011.143V8c1.484-.006%202.06-1.937.817-2.753zM14.5%2011h-6V8h6zM7.003%206.5l4.495-2.953l4.495%202.952zM5.771%2021.515l.405-3.556l10.367-2.79l.381%203.343zm.588-5.158l.314-2.75A1.25%201.25%200%200%201%207.915%2012.5h7.208c.635%200%201.17.477%201.242%201.108l.006.054zm-.771%206.76l11.508-3.098l.416%203.645a.75.75%200%200%201-.745.835H6.27a.75.75%200%200%201-.745-.835zM19.22%205.22a.75.75%200%201%200%201.06%201.06l1.5-1.5a.75.75%200%201%200-1.06-1.06zm0%206a.75.75%200%200%200%200%201.06l1.5%201.5a.75.75%200%200%200%201.06-1.06l-1.5-1.5a.75.75%200%200%200-1.06%200M23.25%208h-3.5a.75.75%200%200%200%200%201.5h3.5a.75.75%200%201%200%200-1.5%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.184%202.203a1.25%201.25%200%200%200-1.372%200L6.18%205.246c-1.244.817-.667%202.75.82%202.753v3.157a2.75%202.75%200%200%200-1.818%202.282L4.035%2023.495A2.25%202.25%200%200%200%206.271%2026h10.496a2.25%202.25%200%200%200%202.235-2.505l-1.147-10.057A2.75%202.75%200%200%200%2016%2011.143V8c1.484-.006%202.06-1.937.817-2.753zM14.5%2011h-6V8h6zM7.003%206.5l4.495-2.953l4.495%202.952zM5.771%2021.515l.405-3.556l10.367-2.79l.381%203.343zm.588-5.158l.314-2.75A1.25%201.25%200%200%201%207.915%2012.5h7.208c.635%200%201.17.477%201.242%201.108l.006.054zm-.771%206.76l11.508-3.098l.416%203.645a.75.75%200%200%201-.745.835H6.27a.75.75%200%200%201-.745-.835zM19.22%205.22a.75.75%200%201%200%201.06%201.06l1.5-1.5a.75.75%200%201%200-1.06-1.06zm0%206a.75.75%200%200%200%200%201.06l1.5%201.5a.75.75%200%200%200%201.06-1.06l-1.5-1.5a.75.75%200%200%200-1.06%200M23.25%208h-3.5a.75.75%200%200%200%200%201.5h3.5a.75.75%200%201%200%200-1.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/building-lighthouse-28-regular.svg?color=%231a73e8&size=48
