ICONYZ
English
Employee Group Line icon from Clarity

Employee Group Line icon

clarity:employee-group-line

The Employee Group Line icon (clarity:employee-group-line) is a free SVG icon from the Clarity set by VMware. It is drawn on a 36 × 36 grid. Clarity 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
Clarity
Author
VMware
License
MIT
Size
36 × 36
Category
Commerce
Tags
employeegroup, groupline, employeegroupline
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M18.42 16.31a5.7 5.7 0 1 1 5.76-5.7a5.74 5.74 0 0 1-5.76 5.7m0-9.4a3.7 3.7 0 1 0 3.76 3.7a3.74 3.74 0 0 0-3.76-3.7"/><path fill="currentColor" d="M18.42 16.31a5.7 5.7 0 1 1 5.76-5.7a5.74 5.74 0 0 1-5.76 5.7m0-9.4a3.7 3.7 0 1 0 3.76 3.7a3.74 3.74 0 0 0-3.76-3.7m3.49 10.74a20.6 20.6 0 0 0-13 2a1.77 1.77 0 0 0-.91 1.6v3.56a1 1 0 0 0 2 0v-3.43a18.92 18.92 0 0 1 12-1.68Z"/><path fill="currentColor" d="M33 22h-6.7v-1.48a1 1 0 0 0-2 0V22H17a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V23a1 1 0 0 0-1-1m-1 10H18v-8h6.3v.41a1 1 0 0 0 2 0V24H32Z"/><path fill="currentColor" d="M21.81 27.42h5.96v1.4h-5.96zM10.84 12.24a18 18 0 0 0-7.95 2A1.67 1.67 0 0 0 2 15.71v3.1a1 1 0 0 0 2 0v-2.9a16 16 0 0 1 7.58-1.67a7.3 7.3 0 0 1-.74-2m22.27 1.99a17.8 17.8 0 0 0-7.12-2a7.5 7.5 0 0 1-.73 2A15.9 15.9 0 0 1 32 15.91v2.9a1 1 0 1 0 2 0v-3.1a1.67 1.67 0 0 0-.89-1.48m-22.45-3.62v-.67a3.07 3.07 0 0 1 .54-6.11a3.15 3.15 0 0 1 2.2.89a8.2 8.2 0 0 1 1.7-1.08a5.13 5.13 0 0 0-9 3.27a5.1 5.1 0 0 0 4.7 5a7.4 7.4 0 0 1-.14-1.3m14.11-8.78a5.17 5.17 0 0 0-3.69 1.55a8 8 0 0 1 1.9 1a3.14 3.14 0 0 1 4.93 2.52a3.09 3.09 0 0 1-1.79 2.77a7 7 0 0 1 .06.93a8 8 0 0 1-.1 1.2a5.1 5.1 0 0 0 3.83-4.9a5.12 5.12 0 0 0-5.14-5.07"/></svg>

How to use the Employee Group Line icon

React

import { Icon } from "@iconify/react";

<Icon icon="clarity:employee-group-line" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="clarity:employee-group-line" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="clarity:employee-group-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[clarity--employee-group-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/clarity -->
<div class="i-clarity:employee-group-line"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="clarity:employee-group-line"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/clarity/employee-group-line.svg" alt="Employee Group Line icon" width="24" height="24">

Related icons in Clarity

employee-group-solid icon
employee-group-solid
 employee-line icon
employee-line
 employee-solid icon
employee-solid

Employee Group Line icon FAQ

Is the Employee Group Line icon free for commercial use?

Yes. Clarity icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Employee Group Line icon in React?

Install @iconify/react and render <Icon icon="clarity:employee-group-line" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Employee Group Line icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/clarity/employee-group-line.svg" alt="Employee Group Line icon">, or paste the SVG code inline to style it with CSS.

Browse all Clarity icons →