ICONYZ
日本語
BPMN の End Event アイコン

End Event アイコン

bpmn:end-event

End Event アイコン(bpmn:end-event)は、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
タグ
endevent
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1015.043 99.002C599.21 95.906 209.098 411.147 121.606 817.247c-84.386 356.719 66.704 754.625 369.312 962.585c293.721 210.37 712.33 226.857 1017.865 31.474c307.224-188.136 488.14-563.828 430.814-921.32c-52.494-370.583-348.523-692.886-716.13-769.06c-68.345-15.248-138.415-22.388-208.424-21.924m22.08 289.882c305.56-.968 586.24 251.915 617.383 556.116c39.755 290.762-147.702 594.914-429.537 682.33c-275.076 93.609-606.772-25.852-750.075-281.009c-158.564-264.725-91.1-641.965 160.165-825.757c113.947-87.919 258.202-134.99 402.064-131.68"/></svg>

End Event アイコンの使い方

React

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

<Icon icon="bpmn:end-event" width="24" />

Vue

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

<template>
  <Icon icon="bpmn:end-event" width="24" />
</template>

Svelte

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

<Icon icon="bpmn:end-event" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="bpmn:end-event"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/bpmn/end-event.svg" alt="End Event アイコン" width="24" height="24">

BPMN の関連アイコン

end-event-cancel アイコン
end-event-cancel
 end-event-compensation アイコン
end-event-compensation
 end-event-error アイコン
end-event-error
 end-event-escalation アイコン
end-event-escalation
 end-event-link アイコン
end-event-link
 end-event-message アイコン
end-event-message
 end-event-multiple アイコン
end-event-multiple
 end-event-none アイコン
end-event-none
 end-event-signal アイコン
end-event-signal
 end-event-terminate アイコン
end-event-terminate

End Event アイコン のよくある質問

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

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

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

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

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

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

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