users icon

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

Name: users
Set: Font Awesome Solid
Style: Solid
Category: Social
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

usersFont Awesome 6 Solid usersFeather Icons users-outlineFlowbite Icons usersHeroIcons usersHuge Icons usersHumbleicons usersJam Icons usersLine Awesome usersLucide usersMage Icons usersMajesticons usersMyna UI Icons usersPhosphor usersPixelarticons usersPrime Icons usersTabler Icons users-outlineTeenyicons

More social icons from Font Awesome Solid

user-friends user-plus users-cog users-slash users-between-lines users-gear users-line users-rays users-rectangle users-viewfinder

Use the users icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 80c57.4 0 104 46.6 104 104s-46.6 104-104 104s-104-46.6-104-104S262.6 80 320 80M96 152c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72s32.2-72 72-72M0 480c0-70.7 57.3-128 128-128c12.8 0 25.2 1.9 36.9 5.4C132 394.2 112 442.8 112 496v16c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32zm521.3 64c4.3-9.8 6.7-20.6 6.7-32v-16c0-53.2-20-101.8-52.9-138.6c11.7-3.5 24.1-5.4 36.9-5.4c70.7 0 128 57.3 128 128v32c0 17.7-14.3 32-32 32zM472 224c0-39.8 32.2-72 72-72s72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72M160 496c0-88.4 71.6-160 160-160s160 71.6 160 160v16c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidUsers(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 80c57.4 0 104 46.6 104 104s-46.6 104-104 104s-104-46.6-104-104S262.6 80 320 80M96 152c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72s32.2-72 72-72M0 480c0-70.7 57.3-128 128-128c12.8 0 25.2 1.9 36.9 5.4C132 394.2 112 442.8 112 496v16c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32zm521.3 64c4.3-9.8 6.7-20.6 6.7-32v-16c0-53.2-20-101.8-52.9-138.6c11.7-3.5 24.1-5.4 36.9-5.4c70.7 0 128 57.3 128 128v32c0 17.7-14.3 32-32 32zM472 224c0-39.8 32.2-72 72-72s72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72M160 496c0-88.4 71.6-160 160-160s160 71.6 160 160v16c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32z"/></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 80c57.4 0 104 46.6 104 104s-46.6 104-104 104s-104-46.6-104-104S262.6 80 320 80M96 152c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72s32.2-72 72-72M0 480c0-70.7 57.3-128 128-128c12.8 0 25.2 1.9 36.9 5.4C132 394.2 112 442.8 112 496v16c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32zm521.3 64c4.3-9.8 6.7-20.6 6.7-32v-16c0-53.2-20-101.8-52.9-138.6c11.7-3.5 24.1-5.4 36.9-5.4c70.7 0 128 57.3 128 128v32c0 17.7-14.3 32-32 32zM472 224c0-39.8 32.2-72 72-72s72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72M160 496c0-88.4 71.6-160 160-160s160 71.6 160 160v16c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32z"/></svg>
</template>

CSS

.icon-users {
  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%2080c57.4%200%20104%2046.6%20104%20104s-46.6%20104-104%20104s-104-46.6-104-104S262.6%2080%20320%2080M96%20152c39.8%200%2072%2032.2%2072%2072s-32.2%2072-72%2072s-72-32.2-72-72s32.2-72%2072-72M0%20480c0-70.7%2057.3-128%20128-128c12.8%200%2025.2%201.9%2036.9%205.4C132%20394.2%20112%20442.8%20112%20496v16c0%2011.4%202.4%2022.2%206.7%2032H32c-17.7%200-32-14.3-32-32zm521.3%2064c4.3-9.8%206.7-20.6%206.7-32v-16c0-53.2-20-101.8-52.9-138.6c11.7-3.5%2024.1-5.4%2036.9-5.4c70.7%200%20128%2057.3%20128%20128v32c0%2017.7-14.3%2032-32%2032zM472%20224c0-39.8%2032.2-72%2072-72s72%2032.2%2072%2072s-32.2%2072-72%2072s-72-32.2-72-72M160%20496c0-88.4%2071.6-160%20160-160s160%2071.6%20160%20160v16c0%2017.7-14.3%2032-32%2032H192c-17.7%200-32-14.3-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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2080c57.4%200%20104%2046.6%20104%20104s-46.6%20104-104%20104s-104-46.6-104-104S262.6%2080%20320%2080M96%20152c39.8%200%2072%2032.2%2072%2072s-32.2%2072-72%2072s-72-32.2-72-72s32.2-72%2072-72M0%20480c0-70.7%2057.3-128%20128-128c12.8%200%2025.2%201.9%2036.9%205.4C132%20394.2%20112%20442.8%20112%20496v16c0%2011.4%202.4%2022.2%206.7%2032H32c-17.7%200-32-14.3-32-32zm521.3%2064c4.3-9.8%206.7-20.6%206.7-32v-16c0-53.2-20-101.8-52.9-138.6c11.7-3.5%2024.1-5.4%2036.9-5.4c70.7%200%20128%2057.3%20128%20128v32c0%2017.7-14.3%2032-32%2032zM472%20224c0-39.8%2032.2-72%2072-72s72%2032.2%2072%2072s-32.2%2072-72%2072s-72-32.2-72-72M160%20496c0-88.4%2071.6-160%20160-160s160%2071.6%20160%20160v16c0%2017.7-14.3%2032-32%2032H192c-17.7%200-32-14.3-32-32z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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