people roof icon

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

Name: people-roof
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 640×512
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome 6 Solid

people-arrows people-arrows-left-right people-carry-box people-group people-line people-pulling people-robbery

Use the people roof icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="m335.5 4l288 160c15.4 8.6 21 28.1 12.4 43.5s-28.1 21-43.5 12.4L320 68.6L47.5 220c-15.4 8.6-34.9 3-43.5-12.4s-3-34.9 12.4-43.5L304.5 4c9.7-5.4 21.4-5.4 31.1 0zM320 160a40 40 0 1 1 0 80a40 40 0 1 1 0-80m-176 96a40 40 0 1 1 0 80a40 40 0 1 1 0-80m312 40a40 40 0 1 1 80 0a40 40 0 1 1-80 0M226.9 491.4L200 441.5V480c0 17.7-14.3 32-32 32h-48c-17.7 0-32-14.3-32-32v-38.5l-26.9 49.9c-6.3 11.7-20.8 16-32.5 9.8s-16-20.8-9.8-32.5l37.9-70.3c15.3-28.5 45.1-46.3 77.5-46.3h19.5c16.3 0 31.9 4.5 45.4 12.6l33.6-62.3c15.3-28.5 45.1-46.3 77.5-46.3h19.5c32.4 0 62.1 17.8 77.5 46.3l33.6 62.3c13.5-8.1 29.1-12.6 45.4-12.6h19.5c32.4 0 62.1 17.8 77.5 46.3l37.9 70.3c6.3 11.7 1.9 26.2-9.8 32.5s-26.2 1.9-32.5-9.8L552 441.5V480c0 17.7-14.3 32-32 32h-48c-17.7 0-32-14.3-32-32v-38.5l-26.9 49.9c-6.3 11.7-20.8 16-32.5 9.8s-16-20.8-9.8-32.5l36.3-67.5c-1.7-1.7-3.2-3.6-4.3-5.8L376 345.5V400c0 17.7-14.3 32-32 32h-48c-17.7 0-32-14.3-32-32v-54.5l-26.9 49.9c-1.2 2.2-2.6 4.1-4.3 5.8l36.3 67.5c6.3 11.7 1.9 26.2-9.8 32.5s-26.2 1.9-32.5-9.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidPeopleRoof(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="m335.5 4l288 160c15.4 8.6 21 28.1 12.4 43.5s-28.1 21-43.5 12.4L320 68.6L47.5 220c-15.4 8.6-34.9 3-43.5-12.4s-3-34.9 12.4-43.5L304.5 4c9.7-5.4 21.4-5.4 31.1 0zM320 160a40 40 0 1 1 0 80a40 40 0 1 1 0-80m-176 96a40 40 0 1 1 0 80a40 40 0 1 1 0-80m312 40a40 40 0 1 1 80 0a40 40 0 1 1-80 0M226.9 491.4L200 441.5V480c0 17.7-14.3 32-32 32h-48c-17.7 0-32-14.3-32-32v-38.5l-26.9 49.9c-6.3 11.7-20.8 16-32.5 9.8s-16-20.8-9.8-32.5l37.9-70.3c15.3-28.5 45.1-46.3 77.5-46.3h19.5c16.3 0 31.9 4.5 45.4 12.6l33.6-62.3c15.3-28.5 45.1-46.3 77.5-46.3h19.5c32.4 0 62.1 17.8 77.5 46.3l33.6 62.3c13.5-8.1 29.1-12.6 45.4-12.6h19.5c32.4 0 62.1 17.8 77.5 46.3l37.9 70.3c6.3 11.7 1.9 26.2-9.8 32.5s-26.2 1.9-32.5-9.8L552 441.5V480c0 17.7-14.3 32-32 32h-48c-17.7 0-32-14.3-32-32v-38.5l-26.9 49.9c-6.3 11.7-20.8 16-32.5 9.8s-16-20.8-9.8-32.5l36.3-67.5c-1.7-1.7-3.2-3.6-4.3-5.8L376 345.5V400c0 17.7-14.3 32-32 32h-48c-17.7 0-32-14.3-32-32v-54.5l-26.9 49.9c-1.2 2.2-2.6 4.1-4.3 5.8l36.3 67.5c6.3 11.7 1.9 26.2-9.8 32.5s-26.2 1.9-32.5-9.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="m335.5 4l288 160c15.4 8.6 21 28.1 12.4 43.5s-28.1 21-43.5 12.4L320 68.6L47.5 220c-15.4 8.6-34.9 3-43.5-12.4s-3-34.9 12.4-43.5L304.5 4c9.7-5.4 21.4-5.4 31.1 0zM320 160a40 40 0 1 1 0 80a40 40 0 1 1 0-80m-176 96a40 40 0 1 1 0 80a40 40 0 1 1 0-80m312 40a40 40 0 1 1 80 0a40 40 0 1 1-80 0M226.9 491.4L200 441.5V480c0 17.7-14.3 32-32 32h-48c-17.7 0-32-14.3-32-32v-38.5l-26.9 49.9c-6.3 11.7-20.8 16-32.5 9.8s-16-20.8-9.8-32.5l37.9-70.3c15.3-28.5 45.1-46.3 77.5-46.3h19.5c16.3 0 31.9 4.5 45.4 12.6l33.6-62.3c15.3-28.5 45.1-46.3 77.5-46.3h19.5c32.4 0 62.1 17.8 77.5 46.3l33.6 62.3c13.5-8.1 29.1-12.6 45.4-12.6h19.5c32.4 0 62.1 17.8 77.5 46.3l37.9 70.3c6.3 11.7 1.9 26.2-9.8 32.5s-26.2 1.9-32.5-9.8L552 441.5V480c0 17.7-14.3 32-32 32h-48c-17.7 0-32-14.3-32-32v-38.5l-26.9 49.9c-6.3 11.7-20.8 16-32.5 9.8s-16-20.8-9.8-32.5l36.3-67.5c-1.7-1.7-3.2-3.6-4.3-5.8L376 345.5V400c0 17.7-14.3 32-32 32h-48c-17.7 0-32-14.3-32-32v-54.5l-26.9 49.9c-1.2 2.2-2.6 4.1-4.3 5.8l36.3 67.5c6.3 11.7 1.9 26.2-9.8 32.5s-26.2 1.9-32.5-9.8z"/></svg>
</template>

CSS

.icon-people-roof {
  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%22m335.5%204l288%20160c15.4%208.6%2021%2028.1%2012.4%2043.5s-28.1%2021-43.5%2012.4L320%2068.6L47.5%20220c-15.4%208.6-34.9%203-43.5-12.4s-3-34.9%2012.4-43.5L304.5%204c9.7-5.4%2021.4-5.4%2031.1%200zM320%20160a40%2040%200%201%201%200%2080a40%2040%200%201%201%200-80m-176%2096a40%2040%200%201%201%200%2080a40%2040%200%201%201%200-80m312%2040a40%2040%200%201%201%2080%200a40%2040%200%201%201-80%200M226.9%20491.4L200%20441.5V480c0%2017.7-14.3%2032-32%2032h-48c-17.7%200-32-14.3-32-32v-38.5l-26.9%2049.9c-6.3%2011.7-20.8%2016-32.5%209.8s-16-20.8-9.8-32.5l37.9-70.3c15.3-28.5%2045.1-46.3%2077.5-46.3h19.5c16.3%200%2031.9%204.5%2045.4%2012.6l33.6-62.3c15.3-28.5%2045.1-46.3%2077.5-46.3h19.5c32.4%200%2062.1%2017.8%2077.5%2046.3l33.6%2062.3c13.5-8.1%2029.1-12.6%2045.4-12.6h19.5c32.4%200%2062.1%2017.8%2077.5%2046.3l37.9%2070.3c6.3%2011.7%201.9%2026.2-9.8%2032.5s-26.2%201.9-32.5-9.8L552%20441.5V480c0%2017.7-14.3%2032-32%2032h-48c-17.7%200-32-14.3-32-32v-38.5l-26.9%2049.9c-6.3%2011.7-20.8%2016-32.5%209.8s-16-20.8-9.8-32.5l36.3-67.5c-1.7-1.7-3.2-3.6-4.3-5.8L376%20345.5V400c0%2017.7-14.3%2032-32%2032h-48c-17.7%200-32-14.3-32-32v-54.5l-26.9%2049.9c-1.2%202.2-2.6%204.1-4.3%205.8l36.3%2067.5c6.3%2011.7%201.9%2026.2-9.8%2032.5s-26.2%201.9-32.5-9.8z%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%22m335.5%204l288%20160c15.4%208.6%2021%2028.1%2012.4%2043.5s-28.1%2021-43.5%2012.4L320%2068.6L47.5%20220c-15.4%208.6-34.9%203-43.5-12.4s-3-34.9%2012.4-43.5L304.5%204c9.7-5.4%2021.4-5.4%2031.1%200zM320%20160a40%2040%200%201%201%200%2080a40%2040%200%201%201%200-80m-176%2096a40%2040%200%201%201%200%2080a40%2040%200%201%201%200-80m312%2040a40%2040%200%201%201%2080%200a40%2040%200%201%201-80%200M226.9%20491.4L200%20441.5V480c0%2017.7-14.3%2032-32%2032h-48c-17.7%200-32-14.3-32-32v-38.5l-26.9%2049.9c-6.3%2011.7-20.8%2016-32.5%209.8s-16-20.8-9.8-32.5l37.9-70.3c15.3-28.5%2045.1-46.3%2077.5-46.3h19.5c16.3%200%2031.9%204.5%2045.4%2012.6l33.6-62.3c15.3-28.5%2045.1-46.3%2077.5-46.3h19.5c32.4%200%2062.1%2017.8%2077.5%2046.3l33.6%2062.3c13.5-8.1%2029.1-12.6%2045.4-12.6h19.5c32.4%200%2062.1%2017.8%2077.5%2046.3l37.9%2070.3c6.3%2011.7%201.9%2026.2-9.8%2032.5s-26.2%201.9-32.5-9.8L552%20441.5V480c0%2017.7-14.3%2032-32%2032h-48c-17.7%200-32-14.3-32-32v-38.5l-26.9%2049.9c-6.3%2011.7-20.8%2016-32.5%209.8s-16-20.8-9.8-32.5l36.3-67.5c-1.7-1.7-3.2-3.6-4.3-5.8L376%20345.5V400c0%2017.7-14.3%2032-32%2032h-48c-17.7%200-32-14.3-32-32v-54.5l-26.9%2049.9c-1.2%202.2-2.6%204.1-4.3%205.8l36.3%2067.5c6.3%2011.7%201.9%2026.2-9.8%2032.5s-26.2%201.9-32.5-9.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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