Ikon Service Task
bpmn:service-task
Ikon Service Task (bpmn:service-task) adalah ikon SVG gratis dari set BPMN karya Camunda Services GmbH. Ikon ini digambar pada grid 2000 × 2000. BPMN icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- BPMN
- Pembuat
- Camunda Services GmbH
- Lisensi
- OFL-1.1
- Ukuran
- 2000 × 2000
- Tag
- servicetask
Kode SVG
<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>Cara memakai ikon Service Task
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/bpmn/service-task.svg" alt="Ikon Service Task" width="24" height="24">Ikon terkait di BPMN
FAQ Ikon Service Task
Apakah ikon Service Task gratis untuk penggunaan komersial?
Ya. BPMN icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Service Task di React?
Pasang @iconify/react lalu render <Icon icon="bpmn:service-task" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Service Task ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/bpmn/service-task.svg" alt="Ikon Service Task">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.