Users 1 Outline icon
glyphs:users-1-outline
The Users 1 Outline icon (glyphs:users-1-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- usersoutline, user
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="M41.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.815m24.685-6.86a9.103 9.103 0 0 1 14.5 0l.148.195a9.6 9.6 0 0 1 1.734 7.84l-.092.428a9.251 9.251 0 0 1-18.08 0l-.093-.428a9.6 9.6 0 0 1 1.735-7.84zm7.25.402a5.1 5.1 0 0 0-4.064 2.017l-.148.195a5.6 5.6 0 0 0-1.012 4.572l.093.427a5.25 5.25 0 0 0 10.262 0l.093-.427a5.6 5.6 0 0 0-1.012-4.572l-.148-.195a5.1 5.1 0 0 0-4.064-2.017"/><path fill="currentColor" fill-opacity=".25" d="M65.725 48.29a9.595 9.595 0 0 1 6.273 9.002v.574A4.133 4.133 0 0 1 67.865 62H49.86a5.2 5.2 0 0 1-5.061 4H13.2A5.2 5.2 0 0 1 8 60.8v-1.207c0-5.401 3.341-10.24 8.392-12.153a35.6 35.6 0 0 1 25.216 0a13 13 0 0 1 3.964 2.381a9.6 9.6 0 0 1 2.7-1.53a25.2 25.2 0 0 1 17.453 0M46 60.8v-.734L45.999 60v-.407a9 9 0 0 0-2.027-5.69a9 9 0 0 0-3.781-2.722a31.6 31.6 0 0 0-22.382 0A8.995 8.995 0 0 0 12 59.593V60.8a1.2 1.2 0 0 0 1.2 1.2h31.6a1.2 1.2 0 0 0 1.2-1.2M67.865 58H49.902a13 13 0 0 0-1.764-5.11c.45-.353.96-.64 1.518-.846a21.2 21.2 0 0 1 14.684 0a5.595 5.595 0 0 1 3.658 5.249v.573c0 .074-.06.134-.133.134"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.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.815m24.685-6.86a9.103 9.103 0 0 1 14.5 0l.148.195a9.6 9.6 0 0 1 1.734 7.84l-.092.428a9.251 9.251 0 0 1-18.08 0l-.093-.428a9.6 9.6 0 0 1 1.735-7.84zm7.25.402a5.1 5.1 0 0 0-4.064 2.017l-.148.195a5.6 5.6 0 0 0-1.012 4.572l.093.427a5.25 5.25 0 0 0 10.262 0l.093-.427a5.6 5.6 0 0 0-1.012-4.572l-.148-.195a5.1 5.1 0 0 0-4.064-2.017"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M65.725 48.29a9.595 9.595 0 0 1 6.273 9.002v.574A4.133 4.133 0 0 1 67.865 62H49.86a5.2 5.2 0 0 1-5.061 4H13.2A5.2 5.2 0 0 1 8 60.8v-1.207c0-5.401 3.341-10.24 8.392-12.153a35.6 35.6 0 0 1 25.216 0a13 13 0 0 1 3.964 2.381a9.6 9.6 0 0 1 2.7-1.53a25.2 25.2 0 0 1 17.453 0M46 60.8v-.734L45.999 60v-.407a9 9 0 0 0-2.027-5.69a9 9 0 0 0-3.781-2.722a31.6 31.6 0 0 0-22.382 0A8.995 8.995 0 0 0 12 59.593V60.8a1.2 1.2 0 0 0 1.2 1.2h31.6a1.2 1.2 0 0 0 1.2-1.2M67.865 58H49.902a13 13 0 0 0-1.764-5.11c.45-.353.96-.64 1.518-.846a21.2 21.2 0 0 1 14.684 0a5.595 5.595 0 0 1 3.658 5.249v.573c0 .074-.06.134-.133.134"/></g></svg>How to use the Users 1 Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:users-1-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:users-1-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:users-1-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--users-1-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:users-1-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:users-1-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/users-1-outline.svg" alt="Users 1 Outline icon" width="24" height="24">Related icons in Glyphs
Users 1 Outline icon FAQ
Is the Users 1 Outline icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Users 1 Outline icon in React?
Install @iconify/react and render <Icon icon="glyphs:users-1-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Users 1 Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/users-1-outline.svg" alt="Users 1 Outline icon">, or paste the SVG code inline to style it with CSS.