Home/Libraries/Glyphs (Iconify)/users-outline

Glyphs (Iconify)

UsersOutline

License: MITCommercial Safe

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 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#818cf8" fill-opacity=".25" d="M52.274 32.317a12.546 12.546 0 0 1-24.548 0l-.204-.967c-.79-3.73.056-7.619 2.323-10.684l.33-.446a12.22 12.22 0 0 1 19.65 0l.33.447a13.32 13.32 0 0 1 2.323 10.683zm-16.211 4.986a8.545 8.545 0 0 0 12.298-5.815l.204-.966a9.32 9.32 0 0 0-1.626-7.476l-.33-.447a8.22 8.22 0 0 0-13.218 0l-.33.447a9.32 9.32 0 0 0-1.626 7.476l.204.966a8.55 8.55 0 0 0 4.424 5.815M12.64 31.96a7.89 7.89 0 0 1 12.72 0l.21.286a8.6 8.6 0 0 1 1.484 6.854l-.13.618a8.097 8.097 0 0 1-15.848 0l-.13-.618a8.6 8.6 0 0 1 1.483-6.854zm6.36.78a3.89 3.89 0 0 0-3.136 1.587l-.21.287a4.6 4.6 0 0 0-.793 3.663l.13.618a4.097 4.097 0 0 0 8.018 0l.13-.618a4.6 4.6 0 0 0-.792-3.663l-.21-.287A3.89 3.89 0 0 0 19 32.74m35.64-.78a7.89 7.89 0 0 1 12.72 0l.21.287a8.6 8.6 0 0 1 1.484 6.853l-.13.618a8.097 8.097 0 0 1-15.848 0l-.13-.618a8.6 8.6 0 0 1 1.483-6.853zm6.36.78a3.89 3.89 0 0 0-3.136 1.588l-.21.286a4.6 4.6 0 0 0-.793 3.663l.13.618a4.097 4.097 0 0 0 8.019 0l.13-.618a4.6 4.6 0 0 0-.793-3.663l-.21-.286A3.89 3.89 0 0 0 61 32.739"/><path fill="#818cf8" fill-opacity=".25" d="M11.372 47.573a21.4 21.4 0 0 1 15.477.087q.268-.115.543-.22a35.6 35.6 0 0 1 25.216 0q.274.105.543.22q.11-.046.22-.087a21.4 21.4 0 0 1 15.257 0A8.35 8.35 0 0 1 74 55.372v.761A3.867 3.867 0 0 1 70.133 60H61v.8a5.2 5.2 0 0 1-5.2 5.2H24.2a5.2 5.2 0 0 1-5.2-5.2V60H9.867A3.867 3.867 0 0 1 6 56.133v-.761a8.35 8.35 0 0 1 5.372-7.8m11.285 2.982a17.4 17.4 0 0 0-9.86.755A4.35 4.35 0 0 0 10 55.372V56h9.506a13 13 0 0 1 3.15-5.445m34.686 0A13 13 0 0 1 60.494 56H70v-.628a4.35 4.35 0 0 0-2.798-4.062a17.4 17.4 0 0 0-9.859-.755m-6.152.626a31.6 31.6 0 0 0-22.382 0A8.995 8.995 0 0 0 23 59.593V60.8a1.2 1.2 0 0 0 1.2 1.2h31.6a1.2 1.2 0 0 0 1.2-1.2v-1.207a8.995 8.995 0 0 0-5.81-8.412"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M52.274 32.317a12.546 12.546 0 0 1-24.548 0l-.204-.967c-.79-3.73.056-7.619 2.323-10.684l.33-.446a12.22 12.22 0 0 1 19.65 0l.33.447a13.32 13.32 0 0 1 2.323 10.683zm-16.211 4.986a8.545 8.545 0 0 0 12.298-5.815l.204-.966a9.32 9.32 0 0 0-1.626-7.476l-.33-.447a8.22 8.22 0 0 0-13.218 0l-.33.447a9.32 9.32 0 0 0-1.626 7.476l.204.966a8.55 8.55 0 0 0 4.424 5.815M12.64 31.96a7.89 7.89 0 0 1 12.72 0l.21.286a8.6 8.6 0 0 1 1.484 6.854l-.13.618a8.097 8.097 0 0 1-15.848 0l-.13-.618a8.6 8.6 0 0 1 1.483-6.854zm6.36.78a3.89 3.89 0 0 0-3.136 1.587l-.21.287a4.6 4.6 0 0 0-.793 3.663l.13.618a4.097 4.097 0 0 0 8.018 0l.13-.618a4.6 4.6 0 0 0-.792-3.663l-.21-.287A3.89 3.89 0 0 0 19 32.74m35.64-.78a7.89 7.89 0 0 1 12.72 0l.21.287a8.6 8.6 0 0 1 1.484 6.853l-.13.618a8.097 8.097 0 0 1-15.848 0l-.13-.618a8.6 8.6 0 0 1 1.483-6.853zm6.36.78a3.89 3.89 0 0 0-3.136 1.588l-.21.286a4.6 4.6 0 0 0-.793 3.663l.13.618a4.097 4.097 0 0 0 8.019 0l.13-.618a4.6 4.6 0 0 0-.793-3.663l-.21-.286A3.89 3.89 0 0 0 61 32.739"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M11.372 47.573a21.4 21.4 0 0 1 15.477.087q.268-.115.543-.22a35.6 35.6 0 0 1 25.216 0q.274.105.543.22q.11-.046.22-.087a21.4 21.4 0 0 1 15.257 0A8.35 8.35 0 0 1 74 55.372v.761A3.867 3.867 0 0 1 70.133 60H61v.8a5.2 5.2 0 0 1-5.2 5.2H24.2a5.2 5.2 0 0 1-5.2-5.2V60H9.867A3.867 3.867 0 0 1 6 56.133v-.761a8.35 8.35 0 0 1 5.372-7.8m11.285 2.982a17.4 17.4 0 0 0-9.86.755A4.35 4.35 0 0 0 10 55.372V56h9.506a13 13 0 0 1 3.15-5.445m34.686 0A13 13 0 0 1 60.494 56H70v-.628a4.35 4.35 0 0 0-2.798-4.062a17.4 17.4 0 0 0-9.859-.755m-6.152.626a31.6 31.6 0 0 0-22.382 0A8.995 8.995 0 0 0 23 59.593V60.8a1.2 1.2 0 0 0 1.2 1.2h31.6a1.2 1.2 0 0 0 1.2-1.2v-1.207a8.995 8.995 0 0 0-5.81-8.412"/></g></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. UsersOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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 Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →