Icono Service Task
bpmn:service-task
El icono Service Task (bpmn:service-task) es un icono SVG gratuito de la colección BPMN de Camunda Services GmbH. Está dibujado en una cuadrícula de 2000 × 2000. BPMN icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- BPMN
- Autor
- Camunda Services GmbH
- Licencia
- OFL-1.1
- Tamaño
- 2000 × 2000
- Etiquetas
- servicetask
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/bpmn/service-task.svg" alt="Icono Service Task" width="24" height="24">Iconos relacionados en BPMN
Preguntas frecuentes sobre Icono Service Task
¿El icono Service Task es gratis para uso comercial?
Sí. BPMN icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Service Task en React?
Instala @iconify/react y renderiza <Icon icon="bpmn:service-task" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Service Task a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/bpmn/service-task.svg" alt="Icono Service Task">, o pega el código SVG en línea para darle estilo con CSS.