Connection Multi icon
bpmn:connection-multi
The Connection Multi icon (bpmn:connection-multi) 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
- Tags
- connectionmulti
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m1876.66 106.365l-840.543 224.07l130.275 193.138l-995.052 671.175l51.399 76.183l995.051-671.175l126.692 187.846l532.162-681.227zM250.133 1812.293l-78.793 53.156l51.398 76.193l78.792-53.147zm1092.706-352.887L1875 778.188l.016-.01l-840.542 224.06zm-304.962-178.451l-128.523 86.69l51.398 76.193l128.523-86.68zm-257.055 173.381l-128.53 86.69l51.395 76.213l128.533-86.7zm-273.634 184.576l-128.532 86.7l51.397 76.202l128.533-86.72z"/></svg>How to use the Connection Multi icon
React
import { Icon } from "@iconify/react";
<Icon icon="bpmn:connection-multi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bpmn:connection-multi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bpmn:connection-multi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bpmn--connection-multi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bpmn -->
<div class="i-bpmn:connection-multi"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bpmn:connection-multi"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/bpmn/connection-multi.svg" alt="Connection Multi icon" width="24" height="24">Related icons in BPMN
Connection Multi icon FAQ
Is the Connection Multi 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 Connection Multi icon in React?
Install @iconify/react and render <Icon icon="bpmn:connection-multi" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Connection Multi icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/bpmn/connection-multi.svg" alt="Connection Multi icon">, or paste the SVG code inline to style it with CSS.