account group icon
account-group from Material Design Icons by Pictogrammers · Filled · Account / User · Apache-2.0 Free for personal and commercial use.
- Name
- account-group
- Set
- Material Design Icons
- Style
- Filled
- Category
- Account / User
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- accounts-group, people-group, person-group, user-group, users-group
1 other variant in Material Design Icons
More account / user icons from Material Design Icons
accountaccount-alertaccount-arrow-downaccount-arrow-leftaccount-arrow-rightaccount-arrow-upaccount-badgeaccount-boxaccount-box-edit-outlineaccount-box-minus-outlineaccount-box-multipleaccount-box-plus-outlineaccount-cancelaccount-cardaccount-cashaccount-checkaccount-childaccount-child-circleaccount-circleaccount-clockaccount-cogaccount-convertaccount-cowboy-hataccount-credit-card
Use the account group icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5.5A3.5 3.5 0 0 1 15.5 9a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 9A3.5 3.5 0 0 1 12 5.5M5 8c.56 0 1.08.15 1.53.42c-.15 1.43.27 2.85 1.13 3.96C7.16 13.34 6.16 14 5 14a3 3 0 0 1-3-3a3 3 0 0 1 3-3m14 0a3 3 0 0 1 3 3a3 3 0 0 1-3 3c-1.16 0-2.16-.66-2.66-1.62a5.54 5.54 0 0 0 1.13-3.96c.45-.27.97-.42 1.53-.42M5.5 18.25c0-2.07 2.91-3.75 6.5-3.75s6.5 1.68 6.5 3.75V20h-13zM0 20v-1.5c0-1.39 1.89-2.56 4.45-2.9c-.59.68-.95 1.62-.95 2.65V20zm24 0h-3.5v-1.75c0-1.03-.36-1.97-.95-2.65c2.56.34 4.45 1.51 4.45 2.9z"/></svg>
React
import type { SVGProps } from "react";
export function MdiAccountGroup(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="M12 5.5A3.5 3.5 0 0 1 15.5 9a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 9A3.5 3.5 0 0 1 12 5.5M5 8c.56 0 1.08.15 1.53.42c-.15 1.43.27 2.85 1.13 3.96C7.16 13.34 6.16 14 5 14a3 3 0 0 1-3-3a3 3 0 0 1 3-3m14 0a3 3 0 0 1 3 3a3 3 0 0 1-3 3c-1.16 0-2.16-.66-2.66-1.62a5.54 5.54 0 0 0 1.13-3.96c.45-.27.97-.42 1.53-.42M5.5 18.25c0-2.07 2.91-3.75 6.5-3.75s6.5 1.68 6.5 3.75V20h-13zM0 20v-1.5c0-1.39 1.89-2.56 4.45-2.9c-.59.68-.95 1.62-.95 2.65V20zm24 0h-3.5v-1.75c0-1.03-.36-1.97-.95-2.65c2.56.34 4.45 1.51 4.45 2.9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5.5A3.5 3.5 0 0 1 15.5 9a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 9A3.5 3.5 0 0 1 12 5.5M5 8c.56 0 1.08.15 1.53.42c-.15 1.43.27 2.85 1.13 3.96C7.16 13.34 6.16 14 5 14a3 3 0 0 1-3-3a3 3 0 0 1 3-3m14 0a3 3 0 0 1 3 3a3 3 0 0 1-3 3c-1.16 0-2.16-.66-2.66-1.62a5.54 5.54 0 0 0 1.13-3.96c.45-.27.97-.42 1.53-.42M5.5 18.25c0-2.07 2.91-3.75 6.5-3.75s6.5 1.68 6.5 3.75V20h-13zM0 20v-1.5c0-1.39 1.89-2.56 4.45-2.9c-.59.68-.95 1.62-.95 2.65V20zm24 0h-3.5v-1.75c0-1.03-.36-1.97-.95-2.65c2.56.34 4.45 1.51 4.45 2.9z"/></svg> </template>
CSS
.icon-account-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%205.5A3.5%203.5%200%200%201%2015.5%209a3.5%203.5%200%200%201-3.5%203.5A3.5%203.5%200%200%201%208.5%209A3.5%203.5%200%200%201%2012%205.5M5%208c.56%200%201.08.15%201.53.42c-.15%201.43.27%202.85%201.13%203.96C7.16%2013.34%206.16%2014%205%2014a3%203%200%200%201-3-3a3%203%200%200%201%203-3m14%200a3%203%200%200%201%203%203a3%203%200%200%201-3%203c-1.16%200-2.16-.66-2.66-1.62a5.54%205.54%200%200%200%201.13-3.96c.45-.27.97-.42%201.53-.42M5.5%2018.25c0-2.07%202.91-3.75%206.5-3.75s6.5%201.68%206.5%203.75V20h-13zM0%2020v-1.5c0-1.39%201.89-2.56%204.45-2.9c-.59.68-.95%201.62-.95%202.65V20zm24%200h-3.5v-1.75c0-1.03-.36-1.97-.95-2.65c2.56.34%204.45%201.51%204.45%202.9z%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%22M12%205.5A3.5%203.5%200%200%201%2015.5%209a3.5%203.5%200%200%201-3.5%203.5A3.5%203.5%200%200%201%208.5%209A3.5%203.5%200%200%201%2012%205.5M5%208c.56%200%201.08.15%201.53.42c-.15%201.43.27%202.85%201.13%203.96C7.16%2013.34%206.16%2014%205%2014a3%203%200%200%201-3-3a3%203%200%200%201%203-3m14%200a3%203%200%200%201%203%203a3%203%200%200%201-3%203c-1.16%200-2.16-.66-2.66-1.62a5.54%205.54%200%200%200%201.13-3.96c.45-.27.97-.42%201.53-.42M5.5%2018.25c0-2.07%202.91-3.75%206.5-3.75s6.5%201.68%206.5%203.75V20h-13zM0%2020v-1.5c0-1.39%201.89-2.56%204.45-2.9c-.59.68-.95%201.62-.95%202.65V20zm24%200h-3.5v-1.75c0-1.03-.36-1.97-.95-2.65c2.56.34%204.45%201.51%204.45%202.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/account-group.svg?color=%231a73e8&size=48
