warehouse icon

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

Name: warehouse
Set: Font Awesome 6 Solid
Style: Regular
Category: Buildings
Viewbox: 640×512
License: CC BY 4.0

The same icon in other sets

warehouseFont Awesome Solid warehouseHuge Icons warehouseLine Awesome warehouseLucide warehouseMaterial Symbols warehouseMaterial Symbols Light warehouseMaterial Design Icons warehousePhosphor warehousePixelarticons warehousePrime Icons

More buildings icons from Font Awesome 6 Solid

archway building church city dungeon gopuram hospital hospital-user hotel igloo industry kaaba landmark monument mosque place-of-worship school store synagogue torii-gate vihara

Use the warehouse icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M0 488V171.3c0-26.2 15.9-49.7 40.2-59.4L308.1 4.8c7.6-3.1 16.1-3.1 23.8 0l267.9 107.1c24.3 9.7 40.2 33.3 40.2 59.4V488c0 13.3-10.7 24-24 24h-48c-13.3 0-24-10.7-24-24V224c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32v264c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24m488 24H152c-13.3 0-24-10.7-24-24v-56h384v56c0 13.3-10.7 24-24 24M128 400v-64h384v64zm0-96v-80h384v80z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidWarehouse(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M0 488V171.3c0-26.2 15.9-49.7 40.2-59.4L308.1 4.8c7.6-3.1 16.1-3.1 23.8 0l267.9 107.1c24.3 9.7 40.2 33.3 40.2 59.4V488c0 13.3-10.7 24-24 24h-48c-13.3 0-24-10.7-24-24V224c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32v264c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24m488 24H152c-13.3 0-24-10.7-24-24v-56h384v56c0 13.3-10.7 24-24 24M128 400v-64h384v64zm0-96v-80h384v80z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M0 488V171.3c0-26.2 15.9-49.7 40.2-59.4L308.1 4.8c7.6-3.1 16.1-3.1 23.8 0l267.9 107.1c24.3 9.7 40.2 33.3 40.2 59.4V488c0 13.3-10.7 24-24 24h-48c-13.3 0-24-10.7-24-24V224c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32v264c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24m488 24H152c-13.3 0-24-10.7-24-24v-56h384v56c0 13.3-10.7 24-24 24M128 400v-64h384v64zm0-96v-80h384v80z"/></svg>
</template>

CSS

.icon-warehouse {
  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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20488V171.3c0-26.2%2015.9-49.7%2040.2-59.4L308.1%204.8c7.6-3.1%2016.1-3.1%2023.8%200l267.9%20107.1c24.3%209.7%2040.2%2033.3%2040.2%2059.4V488c0%2013.3-10.7%2024-24%2024h-48c-13.3%200-24-10.7-24-24V224c0-17.7-14.3-32-32-32H128c-17.7%200-32%2014.3-32%2032v264c0%2013.3-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24m488%2024H152c-13.3%200-24-10.7-24-24v-56h384v56c0%2013.3-10.7%2024-24%2024M128%20400v-64h384v64zm0-96v-80h384v80z%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%20488V171.3c0-26.2%2015.9-49.7%2040.2-59.4L308.1%204.8c7.6-3.1%2016.1-3.1%2023.8%200l267.9%20107.1c24.3%209.7%2040.2%2033.3%2040.2%2059.4V488c0%2013.3-10.7%2024-24%2024h-48c-13.3%200-24-10.7-24-24V224c0-17.7-14.3-32-32-32H128c-17.7%200-32%2014.3-32%2032v264c0%2013.3-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24m488%2024H152c-13.3%200-24-10.7-24-24v-56h384v56c0%2013.3-10.7%2024-24%2024M128%20400v-64h384v64zm0-96v-80h384v80z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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