user group icon
user-group from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.
- Name
- user-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 user group icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 192c0-61.9 50.1-112 112-112s112 50.1 112 112s-50.1 112-112 112S96 253.9 96 192M32 528c0-97.2 78.8-176 176-176s176 78.8 176 176v6c0 23.2-18.8 42-42 42H74c-23.2 0-42-18.8-42-42zm432-400c53 0 96 43 96 96s-43 96-96 96s-96-43-96-96s43-96 96-96m0 240c79.5 0 144 64.5 144 144v22.4c0 23-18.6 41.6-41.6 41.6H421.6c6.6-12.5 10.4-26.8 10.4-42v-6c0-51.5-17.4-98.9-46.5-136.7c22.6-14.7 49.6-23.3 78.5-23.3"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidUserGroup(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 192c0-61.9 50.1-112 112-112s112 50.1 112 112s-50.1 112-112 112S96 253.9 96 192M32 528c0-97.2 78.8-176 176-176s176 78.8 176 176v6c0 23.2-18.8 42-42 42H74c-23.2 0-42-18.8-42-42zm432-400c53 0 96 43 96 96s-43 96-96 96s-96-43-96-96s43-96 96-96m0 240c79.5 0 144 64.5 144 144v22.4c0 23-18.6 41.6-41.6 41.6H421.6c6.6-12.5 10.4-26.8 10.4-42v-6c0-51.5-17.4-98.9-46.5-136.7c22.6-14.7 49.6-23.3 78.5-23.3"/></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 192c0-61.9 50.1-112 112-112s112 50.1 112 112s-50.1 112-112 112S96 253.9 96 192M32 528c0-97.2 78.8-176 176-176s176 78.8 176 176v6c0 23.2-18.8 42-42 42H74c-23.2 0-42-18.8-42-42zm432-400c53 0 96 43 96 96s-43 96-96 96s-96-43-96-96s43-96 96-96m0 240c79.5 0 144 64.5 144 144v22.4c0 23-18.6 41.6-41.6 41.6H421.6c6.6-12.5 10.4-26.8 10.4-42v-6c0-51.5-17.4-98.9-46.5-136.7c22.6-14.7 49.6-23.3 78.5-23.3"/></svg> </template>
CSS
.icon-user-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%22M96%20192c0-61.9%2050.1-112%20112-112s112%2050.1%20112%20112s-50.1%20112-112%20112S96%20253.9%2096%20192M32%20528c0-97.2%2078.8-176%20176-176s176%2078.8%20176%20176v6c0%2023.2-18.8%2042-42%2042H74c-23.2%200-42-18.8-42-42zm432-400c53%200%2096%2043%2096%2096s-43%2096-96%2096s-96-43-96-96s43-96%2096-96m0%20240c79.5%200%20144%2064.5%20144%20144v22.4c0%2023-18.6%2041.6-41.6%2041.6H421.6c6.6-12.5%2010.4-26.8%2010.4-42v-6c0-51.5-17.4-98.9-46.5-136.7c22.6-14.7%2049.6-23.3%2078.5-23.3%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%20192c0-61.9%2050.1-112%20112-112s112%2050.1%20112%20112s-50.1%20112-112%20112S96%20253.9%2096%20192M32%20528c0-97.2%2078.8-176%20176-176s176%2078.8%20176%20176v6c0%2023.2-18.8%2042-42%2042H74c-23.2%200-42-18.8-42-42zm432-400c53%200%2096%2043%2096%2096s-43%2096-96%2096s-96-43-96-96s43-96%2096-96m0%20240c79.5%200%20144%2064.5%20144%20144v22.4c0%2023-18.6%2041.6-41.6%2041.6H421.6c6.6-12.5%2010.4-26.8%2010.4-42v-6c0-51.5-17.4-98.9-46.5-136.7c22.6-14.7%2049.6-23.3%2078.5-23.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/user-group.svg?color=%231a73e8&size=48
