Script icon

bpmn:script

The Script icon (bpmn:script) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="2000" viewBox="0 0 2000 2000"><g fill="currentColor" stroke="currentColor" stroke-linecap="round"><path stroke-width="70" d="M775.382 435.919h688.37c-95.662 59.648-162.469 114.48-206.577 166.003c-49.32 57.612-70.521 111.644-71.137 162.45c-1.232 101.61 77.337 185.164 155.475 265.19c78.139 80.025 156.036 157.301 164.666 239.46c4.314 41.078-7.507 84.285-46.402 133.344c-38.553 48.628-104.083 102.354-205.449 161.715H566.383c84.656-52.562 142.286-101.176 178.994-147.476c41.632-52.511 56.198-102.74 51.236-149.978c-9.924-94.479-93.222-173.357-171.062-253.077s-150.037-159.505-148.954-248.9c.542-44.698 18.77-93.086 65.628-147.822c46.482-54.295 121.262-114.35 233.157-180.91zM769.016 413l-2.699 1.603c-114.757 68.004-192.18 129.707-241.5 187.32c-49.322 57.611-70.522 111.643-71.138 162.449c-1.232 101.61 77.332 185.164 155.47 265.19c78.14 80.025 156.041 157.301 164.67 239.46c4.315 41.078-7.506 84.285-46.4 133.344c-38.896 49.059-105.134 103.29-208.041 163.278L482.739 1587h777.865l2.677-1.558c104.39-60.852 172.823-116.326 214.455-168.837s56.198-102.74 51.236-149.978c-9.924-94.479-93.222-173.357-171.062-253.077s-150.037-159.505-148.954-248.9c.542-44.698 18.77-93.086 65.628-147.822c46.858-54.735 122.367-115.302 235.775-182.507L1546.335 413z"/><path stroke-width="20" d="M916.72 1332.912v22.918h437.988v-22.918zm-63.196-231.175v22.92h421.987v-22.92zm-206.795-231.17v22.92h436.384v-22.92zm16.402-231.173v22.918h421.399v-22.918z"/></g></svg>

How to use the Script icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/bpmn/script.svg" alt="Script icon" width="24" height="24">

Related icons in BPMN

Script icon in other icon sets

Script icon FAQ

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

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

How do I add the Script icon to a web page?

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

Browse all BPMN icons →