Group icon

bpmn:group

The Group icon (bpmn:group) is a free SVG icon from the BPMN set by Camunda Services GmbH. It is drawn on a 2048 × 2048 grid. BPMN icons are released under the Open Font 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: BPMN
Author: Camunda Services GmbH
License: OFL-1.1
Size: 2048 × 2048

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M527.827 235.133c-115.206 1.258-231.202 87.359-261.079 205.794c-21.923 82.066-8.44 168.901-12.207 253.076v144.25h100.73c1.832-115.108-3.779-230.62 3.022-345.467c11.614-92.853 96.904-162.806 184.447-157.823h441.992V234.785c-152.298 0-304.628-.967-456.905 0zm646.205 99.85h94.73V234.794h-94.73zm284.03 0c62.467-3.387 131.292 2.225 177.802 52.082c51.116 48.502 59.257 124.492 55.355 193.002v311.496h102.57c-1.52-132.097 3.06-264.493-2.322-396.396c-8.398-135.348-129.267-252.235-257.4-258.379c-25.211-3.193-50.678-.968-76.008-1.645v99.83zm-1203.52 803.474h100.73v-100.013h-100.73zm1436.678 53.466h102.57v-100.188h-102.57zM254.54 1524.85c.185 109.427 68.744 215.44 163.493 260.584c85.283 42.078 181.663 22.099 272.465 26.8c21.196-5.514 63.696 11.427 70.804-8.997v-91.16c-88.207-2.13-176.842 4.643-264.734-4.065c-82.468-17.434-144.078-101.039-141.298-189.703v-179.825H254.54v186.385zm1436.679-3.387c1.921 96.792-74.464 186.898-166.927 189.626c-96.428 3-193.126.968-289.659 1.258v100.188c104.49-2.032 209.348 3.967 313.596-3.096c124.567-13.043 237.806-130.472 243.8-262.704c3.949-51.26.707-102.887 1.764-154.292h-102.57v129zm-740.617 291.1h94.73v-100.187h-94.73z"/></svg>

How to use the Group icon

React

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

<Icon icon="bpmn:group" width="24" />

Vue

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

<template>
  <Icon icon="bpmn:group" width="24" />
</template>

Svelte

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

<Icon icon="bpmn:group" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="bpmn:group"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/bpmn/group.svg" alt="Group icon" width="24" height="24">

Group icon in other icon sets

Group icon FAQ

Is the Group icon free for commercial use?

Yes. BPMN icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Group icon in React?

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

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

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

Browse all BPMN icons →