users line icon

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

Name: users-line
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

users-between-lines users-gear users-rays users-rectangle users-slash users-viewfinder

Use the users line icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M211.2 96a64 64 0 1 0-128 0a64 64 0 1 0 128 0M32 256c0 17.7 14.3 32 32 32h85.6c10.1-39.4 38.6-71.5 75.8-86.6c-9.7-6-21.2-9.4-33.4-9.4H96c-35.3 0-64 28.7-64 64m461.6 32H576c17.7 0 32-14.3 32-32c0-35.3-28.7-64-64-64h-96c-11.7 0-22.7 3.1-32.1 8.6c38.1 14.8 67.4 47.3 77.7 87.4m-102.4-61.6c-6.9-1.6-14.2-2.4-21.6-2.4h-96c-8.5 0-16.7 1.1-24.5 3.1c-30.8 8.1-55.6 31.1-66.1 60.9c-3.5 10-5.5 20.8-5.5 32c0 17.7 14.3 32 32 32h224c17.7 0 32-14.3 32-32c0-11.2-1.9-22-5.5-32c-10.8-30.7-36.8-54.2-68.9-61.6zM563.2 96a64 64 0 1 0-128 0a64 64 0 1 0 128 0m-241.6 96a80 80 0 1 0 0-160a80 80 0 1 0 0 160M32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32h576c17.7 0 32-14.3 32-32s-14.3-32-32-32z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidUsersLine(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="M211.2 96a64 64 0 1 0-128 0a64 64 0 1 0 128 0M32 256c0 17.7 14.3 32 32 32h85.6c10.1-39.4 38.6-71.5 75.8-86.6c-9.7-6-21.2-9.4-33.4-9.4H96c-35.3 0-64 28.7-64 64m461.6 32H576c17.7 0 32-14.3 32-32c0-35.3-28.7-64-64-64h-96c-11.7 0-22.7 3.1-32.1 8.6c38.1 14.8 67.4 47.3 77.7 87.4m-102.4-61.6c-6.9-1.6-14.2-2.4-21.6-2.4h-96c-8.5 0-16.7 1.1-24.5 3.1c-30.8 8.1-55.6 31.1-66.1 60.9c-3.5 10-5.5 20.8-5.5 32c0 17.7 14.3 32 32 32h224c17.7 0 32-14.3 32-32c0-11.2-1.9-22-5.5-32c-10.8-30.7-36.8-54.2-68.9-61.6zM563.2 96a64 64 0 1 0-128 0a64 64 0 1 0 128 0m-241.6 96a80 80 0 1 0 0-160a80 80 0 1 0 0 160M32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32h576c17.7 0 32-14.3 32-32s-14.3-32-32-32z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M211.2 96a64 64 0 1 0-128 0a64 64 0 1 0 128 0M32 256c0 17.7 14.3 32 32 32h85.6c10.1-39.4 38.6-71.5 75.8-86.6c-9.7-6-21.2-9.4-33.4-9.4H96c-35.3 0-64 28.7-64 64m461.6 32H576c17.7 0 32-14.3 32-32c0-35.3-28.7-64-64-64h-96c-11.7 0-22.7 3.1-32.1 8.6c38.1 14.8 67.4 47.3 77.7 87.4m-102.4-61.6c-6.9-1.6-14.2-2.4-21.6-2.4h-96c-8.5 0-16.7 1.1-24.5 3.1c-30.8 8.1-55.6 31.1-66.1 60.9c-3.5 10-5.5 20.8-5.5 32c0 17.7 14.3 32 32 32h224c17.7 0 32-14.3 32-32c0-11.2-1.9-22-5.5-32c-10.8-30.7-36.8-54.2-68.9-61.6zM563.2 96a64 64 0 1 0-128 0a64 64 0 1 0 128 0m-241.6 96a80 80 0 1 0 0-160a80 80 0 1 0 0 160M32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32h576c17.7 0 32-14.3 32-32s-14.3-32-32-32z"/></svg>
</template>

CSS

.icon-users-line {
  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%22M211.2%2096a64%2064%200%201%200-128%200a64%2064%200%201%200%20128%200M32%20256c0%2017.7%2014.3%2032%2032%2032h85.6c10.1-39.4%2038.6-71.5%2075.8-86.6c-9.7-6-21.2-9.4-33.4-9.4H96c-35.3%200-64%2028.7-64%2064m461.6%2032H576c17.7%200%2032-14.3%2032-32c0-35.3-28.7-64-64-64h-96c-11.7%200-22.7%203.1-32.1%208.6c38.1%2014.8%2067.4%2047.3%2077.7%2087.4m-102.4-61.6c-6.9-1.6-14.2-2.4-21.6-2.4h-96c-8.5%200-16.7%201.1-24.5%203.1c-30.8%208.1-55.6%2031.1-66.1%2060.9c-3.5%2010-5.5%2020.8-5.5%2032c0%2017.7%2014.3%2032%2032%2032h224c17.7%200%2032-14.3%2032-32c0-11.2-1.9-22-5.5-32c-10.8-30.7-36.8-54.2-68.9-61.6zM563.2%2096a64%2064%200%201%200-128%200a64%2064%200%201%200%20128%200m-241.6%2096a80%2080%200%201%200%200-160a80%2080%200%201%200%200%20160M32%20416c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h576c17.7%200%2032-14.3%2032-32s-14.3-32-32-32z%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%22M211.2%2096a64%2064%200%201%200-128%200a64%2064%200%201%200%20128%200M32%20256c0%2017.7%2014.3%2032%2032%2032h85.6c10.1-39.4%2038.6-71.5%2075.8-86.6c-9.7-6-21.2-9.4-33.4-9.4H96c-35.3%200-64%2028.7-64%2064m461.6%2032H576c17.7%200%2032-14.3%2032-32c0-35.3-28.7-64-64-64h-96c-11.7%200-22.7%203.1-32.1%208.6c38.1%2014.8%2067.4%2047.3%2077.7%2087.4m-102.4-61.6c-6.9-1.6-14.2-2.4-21.6-2.4h-96c-8.5%200-16.7%201.1-24.5%203.1c-30.8%208.1-55.6%2031.1-66.1%2060.9c-3.5%2010-5.5%2020.8-5.5%2032c0%2017.7%2014.3%2032%2032%2032h224c17.7%200%2032-14.3%2032-32c0-11.2-1.9-22-5.5-32c-10.8-30.7-36.8-54.2-68.9-61.6zM563.2%2096a64%2064%200%201%200-128%200a64%2064%200%201%200%20128%200m-241.6%2096a80%2080%200%201%200%200-160a80%2080%200%201%200%200%20160M32%20416c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h576c17.7%200%2032-14.3%2032-32s-14.3-32-32-32z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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