Ad Hoc Marker icon
bpmn:ad-hoc-marker
The Ad Hoc Marker icon (bpmn:ad-hoc-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
- adhoc, hocmarker, adhocmarker
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="2000" viewBox="0 0 2000 2000"><path fill="currentColor" d="M300 1039.87c58.332-138.228 134.894-282.23 266.546-360.085c97.784-58.392 218.701-22.42 308.428 34.819c138.188 85.207 246.292 211.842 382.606 299.507c82.335 48.265 184.733 8.718 244.748-58.056c72.401-84.446 155.215-164.023 197.672-269.981v330.038c-61.331 121.67-140.231 248.152-266.392 307.169c-103.228 44.44-223.148 17.789-312.524-46.586c-131.02-87.979-227.486-223.69-369.854-294.78c-69.172-36.004-157.377-27.545-215.331 26.623C431.412 1101.042 371.534 1231.858 300 1350z"/></svg>How to use the Ad Hoc Marker icon
React
import { Icon } from "@iconify/react";
<Icon icon="bpmn:ad-hoc-marker" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bpmn:ad-hoc-marker" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bpmn:ad-hoc-marker" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bpmn--ad-hoc-marker]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bpmn -->
<div class="i-bpmn:ad-hoc-marker"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bpmn:ad-hoc-marker"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/bpmn/ad-hoc-marker.svg" alt="Ad Hoc Marker icon" width="24" height="24">Ad Hoc Marker icon FAQ
Is the Ad Hoc 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 Ad Hoc Marker icon in React?
Install @iconify/react and render <Icon icon="bpmn:ad-hoc-marker" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ad Hoc Marker icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/bpmn/ad-hoc-marker.svg" alt="Ad Hoc Marker icon">, or paste the SVG code inline to style it with CSS.