people group icon
people-group from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.
- Name
- people-group
- 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
Use the people group 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.9V528c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48v-92.1C236.7 423 224 401 224 376v-40c0-53 43-96 96-96s96 43 96 96zM160 96c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m16 240v32c0 32.5 12.1 62.1 32 84.7V528c0 1.2 0 2.5.1 3.7c-8.5 7.6-19.7 12.3-32.1 12.3h-32c-26.5 0-48-21.5-48-48v-56.6c-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.1m256 192v-75.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.4V496c0 26.5-21.5 48-48 48h-32c-12.3 0-23.6-4.6-32.1-12.3c0-1.2.1-2.5.1-3.7m48-432c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidPeopleGroup(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.9V528c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48v-92.1C236.7 423 224 401 224 376v-40c0-53 43-96 96-96s96 43 96 96zM160 96c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m16 240v32c0 32.5 12.1 62.1 32 84.7V528c0 1.2 0 2.5.1 3.7c-8.5 7.6-19.7 12.3-32.1 12.3h-32c-26.5 0-48-21.5-48-48v-56.6c-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.1m256 192v-75.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.4V496c0 26.5-21.5 48-48 48h-32c-12.3 0-23.6-4.6-32.1-12.3c0-1.2.1-2.5.1-3.7m48-432c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56"/></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.9V528c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48v-92.1C236.7 423 224 401 224 376v-40c0-53 43-96 96-96s96 43 96 96zM160 96c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56m16 240v32c0 32.5 12.1 62.1 32 84.7V528c0 1.2 0 2.5.1 3.7c-8.5 7.6-19.7 12.3-32.1 12.3h-32c-26.5 0-48-21.5-48-48v-56.6c-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.1m256 192v-75.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.4V496c0 26.5-21.5 48-48 48h-32c-12.3 0-23.6-4.6-32.1-12.3c0-1.2.1-2.5.1-3.7m48-432c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56"/></svg> </template>
CSS
.icon-people-group {
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.9V528c0%2026.5-21.5%2048-48%2048h-32c-26.5%200-48-21.5-48-48v-92.1C236.7%20423%20224%20401%20224%20376v-40c0-53%2043-96%2096-96s96%2043%2096%2096zM160%2096c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56m16%20240v32c0%2032.5%2012.1%2062.1%2032%2084.7V528c0%201.2%200%202.5.1%203.7c-8.5%207.6-19.7%2012.3-32.1%2012.3h-32c-26.5%200-48-21.5-48-48v-56.6c-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.1m256%20192v-75.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.4V496c0%2026.5-21.5%2048-48%2048h-32c-12.3%200-23.6-4.6-32.1-12.3c0-1.2.1-2.5.1-3.7m48-432c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56%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.9V528c0%2026.5-21.5%2048-48%2048h-32c-26.5%200-48-21.5-48-48v-92.1C236.7%20423%20224%20401%20224%20376v-40c0-53%2043-96%2096-96s96%2043%2096%2096zM160%2096c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56m16%20240v32c0%2032.5%2012.1%2062.1%2032%2084.7V528c0%201.2%200%202.5.1%203.7c-8.5%207.6-19.7%2012.3-32.1%2012.3h-32c-26.5%200-48-21.5-48-48v-56.6c-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.1m256%20192v-75.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.4V496c0%2026.5-21.5%2048-48%2048h-32c-12.3%200-23.6-4.6-32.1-12.3c0-1.2.1-2.5.1-3.7m48-432c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056s-56-25.1-56-56s25.1-56%2056-56%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/people-group.svg?color=%231a73e8&size=48
