igloo icon

igloo from Font Awesome 6 Solid by Dave Gandy · Regular · Buildings · CC-BY-4.0 Attribution required.

Name
igloo
Set
Font Awesome 6 Solid
Style
Regular
Category
Buildings
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

iglooLine Awesome

More buildings icons from Font Awesome 6 Solid

archwaybuildingchurchcitydungeongopuramhospitalhospital-userhotelindustrykaabalandmarkmonumentmosqueplace-of-worshipschoolstoresynagoguetorii-gateviharawarehouse

Use the igloo icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M320 33.8V160H48.5C100.2 82.8 188.1 32 288 32c10.8 0 21.5.6 32 1.8M352 160V39.1C424.9 55.7 487.2 99.8 527.5 160zM29.9 192H96v128H0c0-46 10.8-89.4 29.9-128M192 320h-64V192h320v128h-64v32h192v80c0 26.5-21.5 48-48 48H352V352c0-35.3-28.7-64-64-64s-64 28.7-64 64v128H48c-26.5 0-48-21.5-48-48v-80h192zm288 0V192h66.1c19.2 38.6 29.9 82 29.9 128z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidIgloo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M320 33.8V160H48.5C100.2 82.8 188.1 32 288 32c10.8 0 21.5.6 32 1.8M352 160V39.1C424.9 55.7 487.2 99.8 527.5 160zM29.9 192H96v128H0c0-46 10.8-89.4 29.9-128M192 320h-64V192h320v128h-64v32h192v80c0 26.5-21.5 48-48 48H352V352c0-35.3-28.7-64-64-64s-64 28.7-64 64v128H48c-26.5 0-48-21.5-48-48v-80h192zm288 0V192h66.1c19.2 38.6 29.9 82 29.9 128z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M320 33.8V160H48.5C100.2 82.8 188.1 32 288 32c10.8 0 21.5.6 32 1.8M352 160V39.1C424.9 55.7 487.2 99.8 527.5 160zM29.9 192H96v128H0c0-46 10.8-89.4 29.9-128M192 320h-64V192h320v128h-64v32h192v80c0 26.5-21.5 48-48 48H352V352c0-35.3-28.7-64-64-64s-64 28.7-64 64v128H48c-26.5 0-48-21.5-48-48v-80h192zm288 0V192h66.1c19.2 38.6 29.9 82 29.9 128z"/></svg>
</template>

CSS

.icon-igloo {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2033.8V160H48.5C100.2%2082.8%20188.1%2032%20288%2032c10.8%200%2021.5.6%2032%201.8M352%20160V39.1C424.9%2055.7%20487.2%2099.8%20527.5%20160zM29.9%20192H96v128H0c0-46%2010.8-89.4%2029.9-128M192%20320h-64V192h320v128h-64v32h192v80c0%2026.5-21.5%2048-48%2048H352V352c0-35.3-28.7-64-64-64s-64%2028.7-64%2064v128H48c-26.5%200-48-21.5-48-48v-80h192zm288%200V192h66.1c19.2%2038.6%2029.9%2082%2029.9%20128z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2033.8V160H48.5C100.2%2082.8%20188.1%2032%20288%2032c10.8%200%2021.5.6%2032%201.8M352%20160V39.1C424.9%2055.7%20487.2%2099.8%20527.5%20160zM29.9%20192H96v128H0c0-46%2010.8-89.4%2029.9-128M192%20320h-64V192h320v128h-64v32h192v80c0%2026.5-21.5%2048-48%2048H352V352c0-35.3-28.7-64-64-64s-64%2028.7-64%2064v128H48c-26.5%200-48-21.5-48-48v-80h192zm288%200V192h66.1c19.2%2038.6%2029.9%2082%2029.9%20128z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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