Loop Marker icon
bpmn:loop-marker
The Loop Marker icon (bpmn:loop-marker) is a free SVG icon from the BPMN set by Camunda Services GmbH. It is drawn on a 2000 × 2000 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
- 2000 × 2000
- Tags
- loopmarker
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="2000" viewBox="0 0 2000 2000"><path fill="currentColor" d="M1057.07 410.836C805.11 407.3 563.447 583.065 491.134 824.983c-55.584 173.977-23.105 373.061 85.522 520.027l-269.086-52.09l-22.804 117.814l483.865 93.664l93.687-479.986l-117.779-22.988l-56.861 291.316c-138.733-165.6-136.73-427.773 4.367-591.379c137.417-171.716 399.203-221.007 590.733-114c183.232 94.568 284.888 318.597 234.896 518.746c-44.77 208.91-247.404 367.34-460.604 363.053c-55.485-3.935-83.374 76.196-37.436 107.561c40.104 24.986 90.846 7.364 134.808 4.475c248.181-37.748 457.52-249.452 489.52-498.91c36.994-238.025-91.384-488.935-304.803-600.241c-86.168-46.769-184.068-71.364-282.089-71.21z"/></svg>How to use the Loop Marker icon
React
import { Icon } from "@iconify/react";
<Icon icon="bpmn:loop-marker" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bpmn:loop-marker" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bpmn:loop-marker" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bpmn--loop-marker]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bpmn -->
<div class="i-bpmn:loop-marker"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bpmn:loop-marker"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/bpmn/loop-marker.svg" alt="Loop Marker icon" width="24" height="24">Loop Marker icon FAQ
Is the Loop Marker 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 Loop Marker icon in React?
Install @iconify/react and render <Icon icon="bpmn:loop-marker" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Loop Marker icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/bpmn/loop-marker.svg" alt="Loop Marker icon">, or paste the SVG code inline to style it with CSS.