BPMN Icons
Browse 112 free BPMN SVG icons. Download SVG, copy as JSX, PNG or Base64. Open Font License licensed. Designed by Camunda Services GmbH. Styles: Has Padding.
More SVG Icons
ad-hoc-marker
business-rule
business-rule-task
call-activity
compensation-marker
conditional-flow
connection
connection-multi
data-input
data-object
data-output
data-store
default-flow
end-event
end-event-cancel
end-event-compensation
end-event-error
end-event-escalation
end-event-link
end-event-message
end-event-multiple
end-event-none
end-event-signal
end-event-terminate
event-subprocess-expanded
gateway
gateway-complex
gateway-eventbased
gateway-none
gateway-or
gateway-parallel
gateway-xor
group
hand-tool
intermediate-event
intermediate-event-catch-cancel
intermediate-event-catch-compensation
intermediate-event-catch-condition
intermediate-event-catch-error
intermediate-event-catch-escalation
intermediate-event-catch-link
intermediate-event-catch-message
intermediate-event-catch-multiple
intermediate-event-catch-non-interrupting-condition
intermediate-event-catch-non-interrupting-escalation
intermediate-event-catch-non-interrupting-message
intermediate-event-catch-non-interrupting-multiple
intermediate-event-catch-non-interrupting-parallel-multiple
intermediate-event-catch-non-interrupting-signal
intermediate-event-catch-non-interrupting-timer
intermediate-event-catch-parallel-multiple
intermediate-event-catch-signal
intermediate-event-catch-timer
intermediate-event-non-interrupting
intermediate-event-none
intermediate-event-throw-compensation
intermediate-event-throw-escalation
intermediate-event-throw-link
intermediate-event-throw-message
intermediate-event-throw-multiple
intermediate-event-throw-signal
lane
lane-divide-three
lane-divide-two
lane-insert-above
lane-insert-below
lasso-tool
loop-marker
manual
manual-task
parallel-mi-marker
participant
More SVG Icons
ad-hoc-marker
business-rule
business-rule-task
call-activity
compensation-marker
conditional-flow
connection
connection-multi
data-input
data-object
data-output
data-store
default-flow
end-event
end-event-cancel
end-event-compensation
end-event-error
end-event-escalation
end-event-link
end-event-message
end-event-multiple
end-event-none
end-event-signal
end-event-terminate
event-subprocess-expanded
gateway
gateway-complex
gateway-eventbased
gateway-none
gateway-or
gateway-parallel
gateway-xor
group
hand-tool
intermediate-event
intermediate-event-catch-cancel
intermediate-event-catch-compensation
intermediate-event-catch-condition
intermediate-event-catch-error
intermediate-event-catch-escalation
intermediate-event-catch-link
intermediate-event-catch-message
intermediate-event-catch-multiple
intermediate-event-catch-non-interrupting-condition
intermediate-event-catch-non-interrupting-escalation
intermediate-event-catch-non-interrupting-message
intermediate-event-catch-non-interrupting-multiple
intermediate-event-catch-non-interrupting-parallel-multiple
intermediate-event-catch-non-interrupting-signal
intermediate-event-catch-non-interrupting-timer
intermediate-event-catch-parallel-multiple
intermediate-event-catch-signal
intermediate-event-catch-timer
intermediate-event-non-interrupting
intermediate-event-none
intermediate-event-throw-compensation
intermediate-event-throw-escalation
intermediate-event-throw-link
intermediate-event-throw-message
intermediate-event-throw-multiple
intermediate-event-throw-signal
lane
lane-divide-three
lane-divide-two
lane-insert-above
lane-insert-below
lasso-tool
loop-marker
manual
manual-task
parallel-mi-marker
participant
Copy & download BPMN icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install
and use via @iconify/react,
fully tree-shakeable, no icon font loading required.
About BPMN
Created By
License
Features & Tags
Pack Details
Version
0.10.0
Color Support
Monochrome
How to use BPMN icons
Icon Set Version
v0.10.0
License SPDX
OFL-1.1
Display Size
24px
Sample Icons
intermediate-event-catch-non-interrupting-escalation, user, lane-insert-above
Via Iconify · React
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="bpmn:icon-name" width={24} />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bpmn:icon-name" width="24"></iconify-icon>Frequently Asked Questions
Is BPMN free for commercial use?
How do I download BPMN SVG icons?
How many icons are in BPMN?
Can I change the color of BPMN icons?
currentColor. Set a color via CSS (color: #0070f3), a Tailwind class (text-blue-500), or pass a fill / stroke attribute directly on the SVG.Can I use BPMN with React, Next.js or shadcn/ui?
@iconify-json/bpmn and use it via @iconify/react, fully tree-shakeable, compatible with shadcn/ui, Tailwind CSS, Radix UI, and any React-based framework.