Service Task icon

bpmn:service-task

The Service Task icon (bpmn:service-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: servicetask

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="2000" viewBox="0 0 2000 2000"><g transform="translate(0 947.638)"><rect width="1800" height="1460" x="100" y="-677.638" fill="transparent" stroke="currentColor" stroke-linecap="round" stroke-width="120" rx="329.651" ry="328.5"/><path fill="currentColor" d="M502.79-516.77c-.028 23.168.007 46.336.067 69.504c-19.758 5.59-37.813 13.39-54.864 22.947l-49.833-49.234l-93.18 93.72l49.829 49.225a246.4 246.4 0 0 0-22.387 54.63l-70.587.128v131.994l71.324-.257c6.522 25.86 20.717 49.109 34.855 69.897v-113.856l-62.346.224v-44.248l62.035-.113l3.482-17.64a202.7 202.7 0 0 1 29.584-72.195l9.884-15.012l-43.584-43.057l31.368-31.55l43.664 43.139l14.86-9.916c22.707-14.982 47.545-25.025 72.312-30.255l17.507-3.635l-.156-60.606h45.064l-.348 60.29h118.245c-11.092-13.24-57.058-30.468-74.208-35.27l.398-68.853c-49.093-.001-87.582.003-132.984-.001zM627.5-390.494l.18 69.501c-19.758 5.59-37.813 13.39-54.864 22.947l-49.834-49.234l-93.181 93.72l49.83 49.225a246.4 246.4 0 0 0-22.388 54.631l-70.585.128v131.993l71.323-.256c5.614 19.573 13.396 37.446 22.934 54.32l-51.03 50.83l94.218 92.6l50.847-50.61a247.4 247.4 0 0 0 55.125 22.405l.034 71.832c45.33.397 93.594.192 132.335.188v-72.682c19.774-5.575 37.885-13.432 54.94-22.984l50.805 50.093l93.242-93.603l-50.912-50.172a247 247 0 0 0 22.417-54.728l69.117-.427v-131.866l-69.893.426c-5.618-19.591-13.288-37.344-22.952-54.329l48.292-48.416l-94.166-92.757l-48.23 48.395a249.6 249.6 0 0 0-54.904-22.317l.396-68.853zm43.947 43.833h45.064l-.347 60.29l17.8 3.494c25.844 5.071 50.615 15.116 72.647 29.476l14.918 9.724l42.09-42.233l31.696 31.222l-42.148 42.257l10.14 14.97c14.882 22.463 24.753 46.744 30.326 71.748l3.666 17.54l60.916-.37v44.203l-60.576.373l-3.48 17.54a203.3 203.3 0 0 1-29.617 72.261l-9.896 15.032l44.621 43.973l-31.363 31.484l-44.626-44l-14.834 9.856c-22.715 14.844-47.355 25.124-72.214 30.189l-17.624 3.52v64.005c-12.048.03-25.192.01-44.69-.017l-.028-63.526l-17.704-3.458c-25.88-5.053-50.61-15.051-72.604-29.472l-14.875-9.752l-44.798 44.591l-31.7-31.158l44.86-44.685l-10.237-15.031c-14.895-22.414-24.748-46.721-30.33-71.696l-3.663-17.487l-62.346.223v-44.246l62.035-.114l3.482-17.639a202.7 202.7 0 0 1 29.583-72.196l9.885-15.012l-43.586-43.058l31.368-31.55l43.665 43.14l14.86-9.916c22.737-14.884 46.864-24.76 72.312-30.253l17.51-3.635zm23.272 161.057c-54.257 0-98.71 44.455-98.71 98.712s44.453 98.71 98.71 98.71s98.712-44.453 98.712-98.71s-44.455-98.712-98.712-98.712m0 43.833c30.568 0 54.879 24.311 54.879 54.88c0 30.567-24.31 54.876-54.879 54.876s-54.877-24.309-54.877-54.877s24.31-54.88 54.877-54.88z"/></g></svg>

How to use the Service Task icon

React

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

<Icon icon="bpmn:service-task" width="24" />

Vue

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

<template>
  <Icon icon="bpmn:service-task" width="24" />
</template>

Svelte

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

<Icon icon="bpmn:service-task" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="bpmn:service-task"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/bpmn/service-task.svg" alt="Service Task icon" width="24" height="24">

Related icons in BPMN

Service Task icon FAQ

Is the Service 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 Service Task icon in React?

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

How do I add the Service Task icon to a web page?

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

Browse all BPMN icons →