Intermediate Event icon

bpmn:intermediate-event

The Intermediate Event icon (bpmn:intermediate-event) 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
Tags: intermediateevent

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="M1014.917 99.38C602.359 95.992 214.146 405.7 123.514 807.93c-87.435 354.3 56.648 752.505 355.006 964.288c296.555 219.193 725.95 237.528 1036.419 36.05c305.059-189.587 481.982-565.095 423.873-920.972c-52.303-361.1-335.007-676.97-691.487-760.448c-75.897-18.993-154.19-28.02-232.408-27.469zm16.935 99.926c383.36-3.87 741.982 297.902 803.761 676.428c65.397 341.935-110.432 714.482-420.203 875.895c-316.714 174.3-744.482 109.02-990.397-157.746c-252.123-260.217-301.105-691.754-106.818-999.09c147.692-243.691 427.858-402.047 713.657-395.487m-23.998 90.01c-353 0-676.469 292.144-714.39 643.106c-45.155 328.882 161.729 671.9 475.565 782.315c297.323 112.359 660.552 5.805 846.145-253.464c200.28-265.219 188.76-667.643-34.507-916.046c-140.914-164.064-356.106-262.094-572.813-255.912zm29.352 97.942c312.462 0 597.21 263.661 621.056 575.302c32.576 296.858-171.147 599.685-461.219 675.703c-279.557 81.544-605.018-54.085-737.466-315.095c-142.555-263.797-69.45-624.646 174.35-803.34c114.238-88.325 258.887-135.966 403.279-132.57"/></svg>

How to use the Intermediate Event icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/bpmn/intermediate-event.svg" alt="Intermediate Event icon" width="24" height="24">

Related icons in BPMN

Intermediate Event icon FAQ

Is the Intermediate Event 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 Intermediate Event icon in React?

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

How do I add the Intermediate Event icon to a web page?

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

Browse all BPMN icons →