Manual Task icon
bpmn:manual-task
The Manual Task icon (bpmn:manual-task) 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
- manualtask
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="2000" viewBox="0 0 2000 2000"><g stroke="currentColor" stroke-linecap="round" transform="translate(0 947.638)"><rect width="1800" height="1460" x="100" y="-677.638" fill="transparent" stroke-width="120" rx="329.651" ry="328.5"/><path fill="none" stroke-width="43.664" d="M782.99 94.728h320.662c31.894 0 46.426-18.387 52.19-46.737c8.96-43.893-13.184-85.435-52.814-85.533c-97.378-.489-320.04-.196-320.04-.196v.223s340.368.268 379.564 0c39.195-.27 53.287-33.884 53.405-71.521c.12-37.54-18.907-70.744-53.287-70.793c-117.153-.098-379.68-.635-379.68-.635v-.194s199.412.465 285.185.465c35.051-.098 53.445-30.314 53.327-68.293c-.237-37.197-19.42-63.45-53.722-63.45c-137.086-.244-428.878 1.895-437.468-.146c-2.274-.54-4.22-4.971-2.723-6.794c14.054-17.122 80.562-79.478 95.325-98.59c18.512-23.803 20.486-56.943 6.394-78.401c-16.341-24.977-38.406-24.44-58.418-11.536c-57.669 37.344-260.516 178.067-305.237 208.763c-35.525 24.39-59.84 61.245-74.287 107.045c-14.604 46.435-13.105 100.51-12.947 147.875c.158 35.095.949 63.478 9.554 98.573c24.827 102.01 90.39 154.164 186.464 154.457c182.282.684 364.643.929 546.964 0c29.801-.195 46.221-19.702 46.655-55.482c.474-36.854-16.696-58.591-46.695-58.787c-70.181-.489-238.37 0-238.37 0z"/></g></svg>How to use the Manual Task icon
React
import { Icon } from "@iconify/react";
<Icon icon="bpmn:manual-task" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bpmn:manual-task" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bpmn:manual-task" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bpmn--manual-task]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bpmn -->
<div class="i-bpmn:manual-task"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bpmn:manual-task"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/bpmn/manual-task.svg" alt="Manual Task icon" width="24" height="24">Related icons in BPMN
Manual Task icon FAQ
Is the Manual Task 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 Manual Task icon in React?
Install @iconify/react and render <Icon icon="bpmn:manual-task" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Manual Task icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/bpmn/manual-task.svg" alt="Manual Task icon">, or paste the SVG code inline to style it with CSS.