Home/Libraries/Vesper Icons (Iconify)/user-group

Vesper Icons (Iconify)

UserGroup

License: OFL-1.1

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 1664 1792"><path fill="#818cf8" d="M1536 256q0 53-20 99q-21 47-55 82q-38 37-82 55q-46 20-99 20q-52 0-100-20q-43-19-81-55q-37-38-55-82q-20-46-20-99t20-99q18-44 55-82q38-36 81-55q48-20 100-20q53 0 99 20q44 18 82 55q34 35 55 82q20 46 20 99m128 609q0 40-16 72q-16 30-43 49q-30 20-63 29q-34 9-72 9h-134q-52-61-119-93q-65-32-146-35q39-57 60-122q21-64 21-134q0-6-.5-17t-.5-16q-2-22-4-33q28 10 65 17q35 6 68 6q52-2 95-13q49-15 78-29q30-14 56-30q20-11 31-13q34 2 53 21q21 18 35 53q14 29 22 72q8 55 10 79q3 40 3 74q1 22 1 54m-576-225q0 76-30 149q-30 70-83 123q-55 54-122 82q-69 30-149 30t-150-30q-65-28-122-82q-53-54-82-123q-30-69-30-149t30-149q31-72 82-122q53-53 122-83q70-30 150-30t149 30q70 30 122 83q52 49 83 122q30 73 30 149m320 893q-2 83-34 139q-32 57-93 89q-62 31-140 31H267q-79 0-141-31q-60-32-92-89q-34-56-34-139q0-49 5-121q7-70 20-128q15-70 38-122q26-60 63-104q40-47 92-71q52-25 128-27q12 2 31 15q28 18 52 34q25 16 72 41q41 21 92 34q45 13 111 15q66-2 111-15q51-13 92-34q47-25 72-41q10-7 52-34q19-13 31-15q76 2 127 27q52 24 93 71q38 48 63 104q25 59 38 122q13 58 20 128q5 72 5 121"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. UserGroupIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **OFL-1.1** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Vesper Icons (Iconify)

Browse all Vesper Icons (Iconify) icons →