Transaction icon

bpmn:transaction

The Transaction icon (bpmn:transaction) is a free SVG icon from the BPMN set by Camunda Services GmbH. It is drawn on a 2048 × 2048 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: 2048 × 2048

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M429 274c-168.365 0-305 136.635-305 305v890c0 168.365 136.635 305 305 305h1190c168.365 0 305-136.635 305-305V579c0-168.365-136.635-305-305-305zm0 70h1190c130.795 0 235 104.205 235 235v890c0 130.795-104.205 235-235 235H429c-130.795 0-235-104.205-235-235V579c0-130.795 104.205-235 235-235m59.406 100C384.09 444 299 529.043 299 633.338v781.326C299 1518.96 384.09 1604 488.406 1604h1071.188c104.317 0 189.406-85.04 189.406-189.336V633.338C1749 529.043 1663.91 444 1559.594 444zm0 70h1071.188C1626.358 514 1679 566.629 1679 633.338v781.326c0 66.71-52.642 119.336-119.406 119.336H488.406C421.642 1534 369 1481.373 369 1414.664V633.338C369 566.628 421.642 514 488.406 514"/></svg>

How to use the Transaction icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Transaction icon in other icon sets

Transaction icon FAQ

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

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

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

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

Browse all BPMN icons →