Group アイコン

bpmn:group

Group アイコン(bpmn:group)は、BPMN セットの無料 SVG アイコンです（作者: Camunda Services GmbH）。 2048 × 2048 のグリッドで描かれています。 BPMN icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: BPMN
作者: Camunda Services GmbH
ライセンス: OFL-1.1
サイズ: 2048 × 2048

SVG をダウンロード

SVG コード

<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>

Group アイコンの使い方

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 コンポーネント

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

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

HTML 画像

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

他のアイコンセットの Group アイコン

Group アイコンのよくある質問

Group アイコンは商用利用でも無料ですか?

はい。BPMN icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Group アイコンを使うには?

@iconify/react をインストールして <Icon icon="bpmn:group" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Group アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bpmn/group.svg" alt="Group アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

BPMN アイコンをすべて見る →