users between lines icon

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

Name: users-between-lines
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-cog users-gear users-line users-rays users-rectangle users-slash users-viewfinder

Use the users between lines icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M56 80h528c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24m0 448h528c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24m368-272c0-30.9 25.1-56 56-56s56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56m27.2 100.4c9.1-2.9 18.8-4.4 28.8-4.4c53 0 96 43 96 96v10.7c0 11.8-9.6 21.3-21.3 21.3h-78.8c2.7-7.5 4.1-15.6 4.1-24v-8c0-34.1-10.6-65.7-28.8-91.6m-262.4 0C170.6 382.3 160 413.9 160 448v8c0 8.4 1.4 16.5 4.1 24H85.3c-11.7 0-21.3-9.6-21.3-21.3V448c0-53 43-96 96-96c10 0 19.7 1.5 28.8 4.4M104 256c0-30.9 25.1-56 56-56s56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56m152-16c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64m-48 208c0-61.9 50.1-112 112-112s112 50.1 112 112v8c0 13.3-10.7 24-24 24H232c-13.3 0-24-10.7-24-24z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidUsersBetweenLines(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="M56 80h528c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24m0 448h528c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24m368-272c0-30.9 25.1-56 56-56s56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56m27.2 100.4c9.1-2.9 18.8-4.4 28.8-4.4c53 0 96 43 96 96v10.7c0 11.8-9.6 21.3-21.3 21.3h-78.8c2.7-7.5 4.1-15.6 4.1-24v-8c0-34.1-10.6-65.7-28.8-91.6m-262.4 0C170.6 382.3 160 413.9 160 448v8c0 8.4 1.4 16.5 4.1 24H85.3c-11.7 0-21.3-9.6-21.3-21.3V448c0-53 43-96 96-96c10 0 19.7 1.5 28.8 4.4M104 256c0-30.9 25.1-56 56-56s56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56m152-16c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64m-48 208c0-61.9 50.1-112 112-112s112 50.1 112 112v8c0 13.3-10.7 24-24 24H232c-13.3 0-24-10.7-24-24z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M56 80h528c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24m0 448h528c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24m368-272c0-30.9 25.1-56 56-56s56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56m27.2 100.4c9.1-2.9 18.8-4.4 28.8-4.4c53 0 96 43 96 96v10.7c0 11.8-9.6 21.3-21.3 21.3h-78.8c2.7-7.5 4.1-15.6 4.1-24v-8c0-34.1-10.6-65.7-28.8-91.6m-262.4 0C170.6 382.3 160 413.9 160 448v8c0 8.4 1.4 16.5 4.1 24H85.3c-11.7 0-21.3-9.6-21.3-21.3V448c0-53 43-96 96-96c10 0 19.7 1.5 28.8 4.4M104 256c0-30.9 25.1-56 56-56s56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56m152-16c0-35.3 28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64m-48 208c0-61.9 50.1-112 112-112s112 50.1 112 112v8c0 13.3-10.7 24-24 24H232c-13.3 0-24-10.7-24-24z"/></svg>
</template>

CSS

.icon-users-between-lines {
  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%22M56%2080h528c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H56c-13.3%200-24-10.7-24-24s10.7-24%2024-24m0%20448h528c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H56c-13.3%200-24-10.7-24-24s10.7-24%2024-24m368-272c0-30.9%2025.1-56%2056-56s56%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56m27.2%20100.4c9.1-2.9%2018.8-4.4%2028.8-4.4c53%200%2096%2043%2096%2096v10.7c0%2011.8-9.6%2021.3-21.3%2021.3h-78.8c2.7-7.5%204.1-15.6%204.1-24v-8c0-34.1-10.6-65.7-28.8-91.6m-262.4%200C170.6%20382.3%20160%20413.9%20160%20448v8c0%208.4%201.4%2016.5%204.1%2024H85.3c-11.7%200-21.3-9.6-21.3-21.3V448c0-53%2043-96%2096-96c10%200%2019.7%201.5%2028.8%204.4M104%20256c0-30.9%2025.1-56%2056-56s56%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56m152-16c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64m-48%20208c0-61.9%2050.1-112%20112-112s112%2050.1%20112%20112v8c0%2013.3-10.7%2024-24%2024H232c-13.3%200-24-10.7-24-24z%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%22M56%2080h528c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H56c-13.3%200-24-10.7-24-24s10.7-24%2024-24m0%20448h528c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H56c-13.3%200-24-10.7-24-24s10.7-24%2024-24m368-272c0-30.9%2025.1-56%2056-56s56%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56m27.2%20100.4c9.1-2.9%2018.8-4.4%2028.8-4.4c53%200%2096%2043%2096%2096v10.7c0%2011.8-9.6%2021.3-21.3%2021.3h-78.8c2.7-7.5%204.1-15.6%204.1-24v-8c0-34.1-10.6-65.7-28.8-91.6m-262.4%200C170.6%20382.3%20160%20413.9%20160%20448v8c0%208.4%201.4%2016.5%204.1%2024H85.3c-11.7%200-21.3-9.6-21.3-21.3V448c0-53%2043-96%2096-96c10%200%2019.7%201.5%2028.8%204.4M104%20256c0-30.9%2025.1-56%2056-56s56%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56m152-16c0-35.3%2028.7-64%2064-64s64%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64m-48%20208c0-61.9%2050.1-112%20112-112s112%2050.1%20112%20112v8c0%2013.3-10.7%2024-24%2024H232c-13.3%200-24-10.7-24-24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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