ICONYZ
English
End Event Cancel icon from BPMN

End Event Cancel icon

bpmn:end-event-cancel

The End Event Cancel icon (bpmn:end-event-cancel) 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
endevent, eventcancel, endeventcancel
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="M1005.303 98.988c-447.59.377-859.063 373.342-901.291 819.483c-45.314 379.987 168.535 777.154 517.567 938.558c324.137 158.423 740.176 108.288 1009.01-135.647c273.526-236.69 393.041-640.13 272.893-984.32c-114.258-351.15-451.46-619.981-822.842-636.252c-25.079-1.64-50.213-1.947-75.337-1.822m18.334 289.733c329.628-9.588 631.825 281.137 635.693 610.898c14.255 301.673-212.385 597.907-513.018 648.484c-290.913 58.275-613.563-109.854-715.39-392.282c-109.622-279.29 2.217-632.478 269.045-779.065c97.56-57.284 210.508-88.176 323.67-88.035M794.723 615.498L615.498 794.723l230.63 230.633l-226.464 226.466l176.38 176.381l226.468-226.467l230.765 230.766l179.225-179.225l-230.766-230.765l226.473-226.475l-176.38-176.38q-113.238 113.235-226.473 226.472l-230.633-230.63z"/></svg>

How to use the End Event Cancel icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in BPMN

end-event icon
end-event
 end-event-compensation icon
end-event-compensation
 end-event-error icon
end-event-error
 end-event-escalation icon
end-event-escalation
 end-event-link icon
end-event-link
 end-event-message icon
end-event-message
 end-event-multiple icon
end-event-multiple
 end-event-none icon
end-event-none
 end-event-signal icon
end-event-signal
 end-event-terminate icon
end-event-terminate

End Event Cancel icon FAQ

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

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

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

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

Browse all BPMN icons →