Script Task アイコン

bpmn:script-task

Script Task アイコン(bpmn:script-task)は、BPMN セットの無料 SVG アイコンです（作者: Camunda Services GmbH）。 2000 × 2000 のグリッドで描かれています。 BPMN icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: BPMN
作者: Camunda Services GmbH
ライセンス: OFL-1.1
サイズ: 2000 × 2000
タグ: scripttask

SVG をダウンロード

SVG コード

<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"/><g fill="currentColor"><path stroke-width="39.211" d="M617.972-400.601h385.587c-53.584 33.412-91.006 64.126-115.713 92.986c-27.626 32.271-39.502 62.537-39.847 90.995c-.69 56.917 43.32 103.72 87.089 148.545c43.769 44.826 87.403 88.112 92.236 134.132c2.417 23.01-4.204 47.213-25.991 74.693c-21.596 27.238-58.302 57.333-115.081 90.584h-385.35c47.42-29.443 79.701-56.674 100.263-82.608c23.32-29.414 31.479-57.55 28.7-84.01c-5.559-52.922-52.218-97.105-95.82-141.76s-84.043-89.346-83.435-139.42c.303-25.037 10.513-52.142 36.76-82.801c26.037-30.414 67.925-64.053 130.602-101.336zm-3.565-12.838l-1.512.898c-64.281 38.092-107.649 72.655-135.276 104.926s-39.502 62.537-39.847 90.995c-.69 56.917 43.317 103.72 87.086 148.545c43.77 44.826 87.405 88.112 92.24 134.132c2.416 23.01-4.205 47.213-25.992 74.693s-58.89 57.857-116.533 91.459l-20.523 11.963h435.717l1.5-.873c58.473-34.086 96.805-65.16 120.126-94.573c23.32-29.414 31.478-57.55 28.699-84.01c-5.559-52.922-52.218-97.105-95.82-141.76s-84.042-89.346-83.435-139.42c.304-25.037 10.513-52.142 36.76-82.801c26.248-30.66 68.544-64.587 132.07-102.231l20.151-11.943z"/><path stroke-width="11.203" d="M697.142 101.845v12.838H942.48v-12.838zm-35.399-129.49v12.837h236.374v-12.838zm-115.835-129.49v12.838h244.439v-12.837zm9.187-129.49v12.837H791.14v-12.838z"/></g></g></svg>

Script Task アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/bpmn/script-task.svg" alt="Script Task アイコン" width="24" height="24">

BPMN の関連アイコン

Script Task アイコンのよくある質問

Script Task アイコンは商用利用でも無料ですか?

はい。BPMN icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Script Task アイコンを使うには?

@iconify/react をインストールして <Icon icon="bpmn:script-task" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Script Task アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bpmn/script-task.svg" alt="Script Task アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

BPMN アイコンをすべて見る →