Icons / user-profile-group user-profile-group UserProfileGroup, one of the 856 Vela UI icons, in the General group: a 24px grid drawn in currentColor, so it takes the colour of the text around it. It installs on its own as @velaui/icon-user-profile-group.
Installation
pnpm npm yarn bun
pnpm dlx velaui add @velaui/icon-user-profile-groupCopy npx shadcn@latest add @velaui/icon-user-profile-groupCopy yarn dlx shadcn@latest add @velaui/icon-user-profile-groupCopy bunx --bun shadcn@latest add @velaui/icon-user-profile-groupCopy Usage
Copy // components/icons/user-profile-group.tsx
import UserProfileGroup from "@/components/icons/user-profile-group"
<UserProfileGroup className = "size-5 text-muted" /> In use In a button
Add event
In a sentence
Due Friday , or whenever the venue confirms.
In an input
As a badge
Scheduled
In an empty state
Source Copy import * as React from "react" ;
export interface UserProfileGroupProps extends React.SVGProps<SVGSVGElement> {
size ?: number | string;
}
/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function UserProfileGroup ({ size = 24, strokeWidth = 0, className, ref, ... props } : UserProfileGroupProps) {
return (
<svg
ref = {ref}
width = {size}
height = {size}
viewBox = "0 0 24 24"
fill = "none"
strokeWidth = {strokeWidth}
className = {className}
{ ... props}
>
<path d = "M18.1709 17.3569C17.8985 17.4027 17.7149 17.6605 17.7606 17.9328C17.8063 18.2052 18.0642 18.3889 18.3365 18.3431L18.2537 17.85L18.1709 17.3569ZM17.0152 11.8824C16.7391 11.8824 16.5152 12.1062 16.5152 12.3824C16.5152 12.6585 16.7391 12.8824 17.0152 12.8824V12.3824V11.8824ZM16.0924 9.28265V9.78265C17.2922 9.78265 18.2646 8.80979 18.2646 7.60999H17.7646H17.2646C17.2646 8.25777 16.7396 8.78265 16.0924 8.78265V9.28265ZM14.4202 7.60999H13.9202C13.9202 8.80979 14.8926 9.78265 16.0924 9.78265V9.28265V8.78265C15.4451 8.78265 14.9202 8.25777 14.9202 7.60999H14.4202ZM16.0924 5.93734V5.43734C14.8926 5.43734 13.9202 6.4102 13.9202 7.60999H14.4202H14.9202C14.9202 6.96222 15.4451 6.43734 16.0924 6.43734V5.93734ZM17.7646 7.60999H18.2646C18.2646 6.4102 17.2922 5.43734 16.0924 5.43734V5.93734V6.43734C16.7396 6.43734 17.2646 6.96222 17.2646 7.60999H17.7646ZM21 15.1641H20.5C20.5 15.6914 20.3295 16.1554 19.978 16.5242C19.6221 16.8976 19.0447 17.2101 18.1709 17.3569L18.2537 17.85L18.3365 18.3431C19.3643 18.1705 20.16 17.7825 20.7018 17.2141C21.2481 16.641 21.5 15.9217 21.5 15.1641H21ZM17.0152 12.3824V12.8824C18.0259 12.8824 18.9193 13.1692 19.5467 13.6071C20.1757 14.0462 20.5 14.6045 20.5 15.1641H21H21.5C21.5 14.1874 20.9323 13.3548 20.1191 12.7871C19.3042 12.2183 18.2053 11.8824 17.0152 11.8824V12.3824ZM11.2625 7.42936H10.7625C10.7625 8.70757 9.89247 9.53069 8.89183 9.53069V10.0307V10.5307C10.5098 10.5307 11.7625 9.1925 11.7625 7.42936H11.2625ZM8.89183 10.0307V9.53069C7.89118 9.53069 7.02113 8.70757 7.02113 7.42936H6.52113H6.02113C6.02113 9.1925 7.27387 10.5307 8.89183 10.5307V10.0307ZM6.52113 7.42936H7.02113C7.02113 6.79063 7.24107 6.31702 7.5641 6.00285C7.8902 5.68569 8.35339 5.5 8.89183 5.5V5V4.5C8.12097 4.5 7.3988 4.76865 6.86688 5.28599C6.33188 5.80633 6.02113 6.5474 6.02113 7.42936H6.52113ZM8.89183 5V5.5C9.43027 5.5 9.89346 5.68569 10.2196 6.00285C10.5426 6.31702 10.7625 6.79063 10.7625 7.42936H11.2625H11.7625C11.7625 6.5474 11.4518 5.80633 10.9168 5.28599C10.3849 4.76865 9.66269 4.5 8.89183 4.5V5ZM15.0703 16.1679H14.5703C14.5703 16.7153 14.2645 17.2758 13.3989 17.7271C12.5168 18.187 11.0995 18.5 9.03513 18.5V19L9.03513 19.5C11.1771 19.5 12.7773 19.179 13.8612 18.6138C14.9617 18.0401 15.5703 17.1846 15.5703 16.1679H15.0703ZM9.03513 19V18.5C6.97081 18.5 5.55346 18.187 4.67136 17.7271C3.80581 17.2758 3.5 16.7153 3.5 16.1679H3H2.5C2.5 17.1846 3.10861 18.0401 4.20904 18.6138C5.29294 19.179 6.89315 19.5 9.03513 19.5L9.03513 19ZM3 16.1679H3.5C3.5 15.694 3.92844 15.1114 4.98006 14.6179C5.99201 14.143 7.42515 13.8357 9.03513 13.8357V13.3357V12.8357C7.31201 12.8357 5.72758 13.1625 4.55524 13.7126C3.42257 14.2442 2.5 15.0776 2.5 16.1679H3ZM9.03513 13.3357V13.8357C10.6451 13.8357 12.0783 14.143 13.0902 14.6179C14.1418 15.1114 14.5703 15.694 14.5703 16.1679H15.0703H15.5703C15.5703 15.0776 14.6477 14.2442 13.515 13.7126C12.3427 13.1625 10.7583 12.8357 9.03513 12.8357V13.3357Z" fill = "currentColor" />
</svg>
);
}
UserProfileGroup.displayName = "UserProfileGroup" ;
export default UserProfileGroup;