users icon

users from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.

Name
users
Set
Prime Icons
Style
Regular
Viewbox
24×24
License
MIT

The same icon in other sets

usersFont Awesome 6 SolidusersFont Awesome SolidusersFeather Iconsusers-outlineFlowbite IconsusersHeroIconsusersHuge IconsusersHumbleiconsusersJam IconsusersLine AwesomeusersLucideusersMage IconsusersMajesticonsusersMyna UI IconsusersPhosphorusersPixelarticonsusersTabler Iconsusers-outlineTeenyicons

Use the users icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 12.25a3.75 3.75 0 1 1 3.75-3.75A3.75 3.75 0 0 1 14 12.25m0-6a2.25 2.25 0 1 0 2.25 2.25A2.25 2.25 0 0 0 14 6.25m7 13a.76.76 0 0 1-.75-.75c0-1.95-1.06-3.25-6.25-3.25s-6.25 1.3-6.25 3.25a.75.75 0 0 1-1.5 0c0-4.75 5.43-4.75 7.75-4.75s7.75 0 7.75 4.75a.76.76 0 0 1-.75.75M8.32 13.06H8a3 3 0 1 1 .58-6a.75.75 0 1 1-.15 1.49a1.46 1.46 0 0 0-1.09.34a1.47 1.47 0 0 0-.54 1a1.49 1.49 0 0 0 1.35 1.64a1.53 1.53 0 0 0 .93-.22a.75.75 0 0 1 .79 1.28a3 3 0 0 1-1.55.47M3 18.5a.76.76 0 0 1-.75-.75c0-2.7.72-4.5 4.25-4.5a.75.75 0 0 1 0 1.5c-2.35 0-2.75.75-2.75 3a.76.76 0 0 1-.75.75"/></svg>

React

import type { SVGProps } from "react";

export function PrimeUsers(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 12.25a3.75 3.75 0 1 1 3.75-3.75A3.75 3.75 0 0 1 14 12.25m0-6a2.25 2.25 0 1 0 2.25 2.25A2.25 2.25 0 0 0 14 6.25m7 13a.76.76 0 0 1-.75-.75c0-1.95-1.06-3.25-6.25-3.25s-6.25 1.3-6.25 3.25a.75.75 0 0 1-1.5 0c0-4.75 5.43-4.75 7.75-4.75s7.75 0 7.75 4.75a.76.76 0 0 1-.75.75M8.32 13.06H8a3 3 0 1 1 .58-6a.75.75 0 1 1-.15 1.49a1.46 1.46 0 0 0-1.09.34a1.47 1.47 0 0 0-.54 1a1.49 1.49 0 0 0 1.35 1.64a1.53 1.53 0 0 0 .93-.22a.75.75 0 0 1 .79 1.28a3 3 0 0 1-1.55.47M3 18.5a.76.76 0 0 1-.75-.75c0-2.7.72-4.5 4.25-4.5a.75.75 0 0 1 0 1.5c-2.35 0-2.75.75-2.75 3a.76.76 0 0 1-.75.75"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 12.25a3.75 3.75 0 1 1 3.75-3.75A3.75 3.75 0 0 1 14 12.25m0-6a2.25 2.25 0 1 0 2.25 2.25A2.25 2.25 0 0 0 14 6.25m7 13a.76.76 0 0 1-.75-.75c0-1.95-1.06-3.25-6.25-3.25s-6.25 1.3-6.25 3.25a.75.75 0 0 1-1.5 0c0-4.75 5.43-4.75 7.75-4.75s7.75 0 7.75 4.75a.76.76 0 0 1-.75.75M8.32 13.06H8a3 3 0 1 1 .58-6a.75.75 0 1 1-.15 1.49a1.46 1.46 0 0 0-1.09.34a1.47 1.47 0 0 0-.54 1a1.49 1.49 0 0 0 1.35 1.64a1.53 1.53 0 0 0 .93-.22a.75.75 0 0 1 .79 1.28a3 3 0 0 1-1.55.47M3 18.5a.76.76 0 0 1-.75-.75c0-2.7.72-4.5 4.25-4.5a.75.75 0 0 1 0 1.5c-2.35 0-2.75.75-2.75 3a.76.76 0 0 1-.75.75"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%2012.25a3.75%203.75%200%201%201%203.75-3.75A3.75%203.75%200%200%201%2014%2012.25m0-6a2.25%202.25%200%201%200%202.25%202.25A2.25%202.25%200%200%200%2014%206.25m7%2013a.76.76%200%200%201-.75-.75c0-1.95-1.06-3.25-6.25-3.25s-6.25%201.3-6.25%203.25a.75.75%200%200%201-1.5%200c0-4.75%205.43-4.75%207.75-4.75s7.75%200%207.75%204.75a.76.76%200%200%201-.75.75M8.32%2013.06H8a3%203%200%201%201%20.58-6a.75.75%200%201%201-.15%201.49a1.46%201.46%200%200%200-1.09.34a1.47%201.47%200%200%200-.54%201a1.49%201.49%200%200%200%201.35%201.64a1.53%201.53%200%200%200%20.93-.22a.75.75%200%200%201%20.79%201.28a3%203%200%200%201-1.55.47M3%2018.5a.76.76%200%200%201-.75-.75c0-2.7.72-4.5%204.25-4.5a.75.75%200%200%201%200%201.5c-2.35%200-2.75.75-2.75%203a.76.76%200%200%201-.75.75%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%2012.25a3.75%203.75%200%201%201%203.75-3.75A3.75%203.75%200%200%201%2014%2012.25m0-6a2.25%202.25%200%201%200%202.25%202.25A2.25%202.25%200%200%200%2014%206.25m7%2013a.76.76%200%200%201-.75-.75c0-1.95-1.06-3.25-6.25-3.25s-6.25%201.3-6.25%203.25a.75.75%200%200%201-1.5%200c0-4.75%205.43-4.75%207.75-4.75s7.75%200%207.75%204.75a.76.76%200%200%201-.75.75M8.32%2013.06H8a3%203%200%201%201%20.58-6a.75.75%200%201%201-.15%201.49a1.46%201.46%200%200%200-1.09.34a1.47%201.47%200%200%200-.54%201a1.49%201.49%200%200%200%201.35%201.64a1.53%201.53%200%200%200%20.93-.22a.75.75%200%200%201%20.79%201.28a3%203%200%200%201-1.55.47M3%2018.5a.76.76%200%200%201-.75-.75c0-2.7.72-4.5%204.25-4.5a.75.75%200%200%201%200%201.5c-2.35%200-2.75.75-2.75%203a.76.76%200%200%201-.75.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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