people line icon

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

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

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

Use the people line icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m96 312c0 25-12.7 47-32 59.9V480H256v-44.1C236.7 423 224 401 224 376v-40c0-53 43-96 96-96s96 43 96 96zm16 104v-27.3c19.9-22.5 32-52.2 32-84.7v-32c0-26.7-7.3-51.6-19.9-73.1c11.1-4.5 23.2-6.9 35.9-6.9c53 0 96 43 96 96v32c0 23.7-12.9 44.4-32 55.4V480zM96 439.4c-19.1-11-32-31.7-32-55.4v-32c0-53 43-96 96-96c12.7 0 24.8 2.5 35.9 6.9c-12.6 21.4-19.9 46.4-19.9 73.1v32c0 32.5 12.1 62.1 32 84.7V480H96zM160 96c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m320 0c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56M56 528h528c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidPeopleLine(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="M320 64c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m96 312c0 25-12.7 47-32 59.9V480H256v-44.1C236.7 423 224 401 224 376v-40c0-53 43-96 96-96s96 43 96 96zm16 104v-27.3c19.9-22.5 32-52.2 32-84.7v-32c0-26.7-7.3-51.6-19.9-73.1c11.1-4.5 23.2-6.9 35.9-6.9c53 0 96 43 96 96v32c0 23.7-12.9 44.4-32 55.4V480zM96 439.4c-19.1-11-32-31.7-32-55.4v-32c0-53 43-96 96-96c12.7 0 24.8 2.5 35.9 6.9c-12.6 21.4-19.9 46.4-19.9 73.1v32c0 32.5 12.1 62.1 32 84.7V480H96zM160 96c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m320 0c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56M56 528h528c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64c35.3 0 64 28.7 64 64s-28.7 64-64 64s-64-28.7-64-64s28.7-64 64-64m96 312c0 25-12.7 47-32 59.9V480H256v-44.1C236.7 423 224 401 224 376v-40c0-53 43-96 96-96s96 43 96 96zm16 104v-27.3c19.9-22.5 32-52.2 32-84.7v-32c0-26.7-7.3-51.6-19.9-73.1c11.1-4.5 23.2-6.9 35.9-6.9c53 0 96 43 96 96v32c0 23.7-12.9 44.4-32 55.4V480zM96 439.4c-19.1-11-32-31.7-32-55.4v-32c0-53 43-96 96-96c12.7 0 24.8 2.5 35.9 6.9c-12.6 21.4-19.9 46.4-19.9 73.1v32c0 32.5 12.1 62.1 32 84.7V480H96zM160 96c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m320 0c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56M56 528h528c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24"/></svg>
</template>

CSS

.icon-people-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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2064c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64s28.7-64%2064-64m96%20312c0%2025-12.7%2047-32%2059.9V480H256v-44.1C236.7%20423%20224%20401%20224%20376v-40c0-53%2043-96%2096-96s96%2043%2096%2096zm16%20104v-27.3c19.9-22.5%2032-52.2%2032-84.7v-32c0-26.7-7.3-51.6-19.9-73.1c11.1-4.5%2023.2-6.9%2035.9-6.9c53%200%2096%2043%2096%2096v32c0%2023.7-12.9%2044.4-32%2055.4V480zM96%20439.4c-19.1-11-32-31.7-32-55.4v-32c0-53%2043-96%2096-96c12.7%200%2024.8%202.5%2035.9%206.9c-12.6%2021.4-19.9%2046.4-19.9%2073.1v32c0%2032.5%2012.1%2062.1%2032%2084.7V480H96zM160%2096c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56m320%200c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56M56%20528h528c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H56c-13.3%200-24-10.7-24-24s10.7-24%2024-24%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%22M320%2064c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064s-64-28.7-64-64s28.7-64%2064-64m96%20312c0%2025-12.7%2047-32%2059.9V480H256v-44.1C236.7%20423%20224%20401%20224%20376v-40c0-53%2043-96%2096-96s96%2043%2096%2096zm16%20104v-27.3c19.9-22.5%2032-52.2%2032-84.7v-32c0-26.7-7.3-51.6-19.9-73.1c11.1-4.5%2023.2-6.9%2035.9-6.9c53%200%2096%2043%2096%2096v32c0%2023.7-12.9%2044.4-32%2055.4V480zM96%20439.4c-19.1-11-32-31.7-32-55.4v-32c0-53%2043-96%2096-96c12.7%200%2024.8%202.5%2035.9%206.9c-12.6%2021.4-19.9%2046.4-19.9%2073.1v32c0%2032.5%2012.1%2062.1%2032%2084.7V480H96zM160%2096c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56m320%200c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56M56%20528h528c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H56c-13.3%200-24-10.7-24-24s10.7-24%2024-24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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