users rectangle icon

users-rectangle from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: users-rectangle
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome Solid

users-between-lines users-cog users-gear users-line users-rays users-slash users-viewfinder

Use the users rectangle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm224 72c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m0 152c53 0 96 43 96 96v24c0 13.3-10.7 24-24 24H248c-13.3 0-24-10.7-24-24v-24c0-53 43-96 96-96m96-64c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m-216 80.3c-15.2 22.8-24 50.2-24 79.7v24c0 8.4 1.4 16.5 4.1 24h-46.8c-11.7 0-21.3-9.6-21.3-21.3V432c0-50.3 38.7-91.6 88-95.7M459.9 464c2.7-7.5 4.1-15.6 4.1-24v-24c0-29.5-8.8-56.9-24-79.7c49.3 4.1 88 45.3 88 95.7v10.7c0 11.8-9.6 21.3-21.3 21.3zM128 256c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidUsersRectangle(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="M96 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm224 72c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m0 152c53 0 96 43 96 96v24c0 13.3-10.7 24-24 24H248c-13.3 0-24-10.7-24-24v-24c0-53 43-96 96-96m96-64c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m-216 80.3c-15.2 22.8-24 50.2-24 79.7v24c0 8.4 1.4 16.5 4.1 24h-46.8c-11.7 0-21.3-9.6-21.3-21.3V432c0-50.3 38.7-91.6 88-95.7M459.9 464c2.7-7.5 4.1-15.6 4.1-24v-24c0-29.5-8.8-56.9-24-79.7c49.3 4.1 88 45.3 88 95.7v10.7c0 11.8-9.6 21.3-21.3 21.3zM128 256c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm224 72c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m0 152c53 0 96 43 96 96v24c0 13.3-10.7 24-24 24H248c-13.3 0-24-10.7-24-24v-24c0-53 43-96 96-96m96-64c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48m-216 80.3c-15.2 22.8-24 50.2-24 79.7v24c0 8.4 1.4 16.5 4.1 24h-46.8c-11.7 0-21.3-9.6-21.3-21.3V432c0-50.3 38.7-91.6 88-95.7M459.9 464c2.7-7.5 4.1-15.6 4.1-24v-24c0-29.5-8.8-56.9-24-79.7c49.3 4.1 88 45.3 88 95.7v10.7c0 11.8-9.6 21.3-21.3 21.3zM128 256c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48"/></svg>
</template>

CSS

.icon-users-rectangle {
  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%22M96%2096c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h448c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64zm224%2072c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56m0%20152c53%200%2096%2043%2096%2096v24c0%2013.3-10.7%2024-24%2024H248c-13.3%200-24-10.7-24-24v-24c0-53%2043-96%2096-96m96-64c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48m-216%2080.3c-15.2%2022.8-24%2050.2-24%2079.7v24c0%208.4%201.4%2016.5%204.1%2024h-46.8c-11.7%200-21.3-9.6-21.3-21.3V432c0-50.3%2038.7-91.6%2088-95.7M459.9%20464c2.7-7.5%204.1-15.6%204.1-24v-24c0-29.5-8.8-56.9-24-79.7c49.3%204.1%2088%2045.3%2088%2095.7v10.7c0%2011.8-9.6%2021.3-21.3%2021.3zM128%20256c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48%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%22M96%2096c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h448c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64zm224%2072c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56m0%20152c53%200%2096%2043%2096%2096v24c0%2013.3-10.7%2024-24%2024H248c-13.3%200-24-10.7-24-24v-24c0-53%2043-96%2096-96m96-64c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48m-216%2080.3c-15.2%2022.8-24%2050.2-24%2079.7v24c0%208.4%201.4%2016.5%204.1%2024h-46.8c-11.7%200-21.3-9.6-21.3-21.3V432c0-50.3%2038.7-91.6%2088-95.7M459.9%20464c2.7-7.5%204.1-15.6%204.1-24v-24c0-29.5-8.8-56.9-24-79.7c49.3%204.1%2088%2045.3%2088%2095.7v10.7c0%2011.8-9.6%2021.3-21.3%2021.3zM128%20256c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048s-21.5%2048-48%2048s-48-21.5-48-48%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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