igloo icon

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

Name: igloo
Set: Font Awesome Solid
Style: Solid
Category: Buildings
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

iglooFont Awesome 6 Solid iglooLine Awesome iglooLucide Lab

More buildings icons from Font Awesome Solid

archway building church city clinic-medical dungeon gopuram home hospital hospital-alt hospital-user hotel house-damage industry kaaba landmark monument mosque place-of-worship school store store-alt synagogue torii-gate

Use the igloo icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M352 97.8V224H80.5C132.2 146.8 220.1 96 320 96c10.8 0 21.5.6 32 1.8M400 224V107.3c66 19 122.2 61 159.5 116.7zM54.6 272H128v112H32c0-39.7 8-77.6 22.6-112M208 384h-32V272h288v112h-32v48h176v64c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48v-64h176zm304 0V272h73.4C600 306.4 608 344.3 608 384zm-192-32c-35.3 0-64 28.7-64 64v80h128v-80c0-35.3-28.7-64-64-64"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidIgloo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M352 97.8V224H80.5C132.2 146.8 220.1 96 320 96c10.8 0 21.5.6 32 1.8M400 224V107.3c66 19 122.2 61 159.5 116.7zM54.6 272H128v112H32c0-39.7 8-77.6 22.6-112M208 384h-32V272h288v112h-32v48h176v64c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48v-64h176zm304 0V272h73.4C600 306.4 608 344.3 608 384zm-192-32c-35.3 0-64 28.7-64 64v80h128v-80c0-35.3-28.7-64-64-64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M352 97.8V224H80.5C132.2 146.8 220.1 96 320 96c10.8 0 21.5.6 32 1.8M400 224V107.3c66 19 122.2 61 159.5 116.7zM54.6 272H128v112H32c0-39.7 8-77.6 22.6-112M208 384h-32V272h288v112h-32v48h176v64c0 26.5-21.5 48-48 48H80c-26.5 0-48-21.5-48-48v-64h176zm304 0V272h73.4C600 306.4 608 344.3 608 384zm-192-32c-35.3 0-64 28.7-64 64v80h128v-80c0-35.3-28.7-64-64-64"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%2097.8V224H80.5C132.2%20146.8%20220.1%2096%20320%2096c10.8%200%2021.5.6%2032%201.8M400%20224V107.3c66%2019%20122.2%2061%20159.5%20116.7zM54.6%20272H128v112H32c0-39.7%208-77.6%2022.6-112M208%20384h-32V272h288v112h-32v48h176v64c0%2026.5-21.5%2048-48%2048H80c-26.5%200-48-21.5-48-48v-64h176zm304%200V272h73.4C600%20306.4%20608%20344.3%20608%20384zm-192-32c-35.3%200-64%2028.7-64%2064v80h128v-80c0-35.3-28.7-64-64-64%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%2097.8V224H80.5C132.2%20146.8%20220.1%2096%20320%2096c10.8%200%2021.5.6%2032%201.8M400%20224V107.3c66%2019%20122.2%2061%20159.5%20116.7zM54.6%20272H128v112H32c0-39.7%208-77.6%2022.6-112M208%20384h-32V272h288v112h-32v48h176v64c0%2026.5-21.5%2048-48%2048H80c-26.5%200-48-21.5-48-48v-64h176zm304%200V272h73.4C600%20306.4%20608%20344.3%20608%20384zm-192-32c-35.3%200-64%2028.7-64%2064v80h128v-80c0-35.3-28.7-64-64-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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