bpmn-io/bpmn-font

A BPMN 2.0 symbol font

bpmn-font

A BPMN 2.0 icon font. Use it to model BPMN diagrams in your Word, VIM or other text editor.

Checkout the demo page for a list of included icons and their character code.

Usage in HTML

Expose dist directory in your app and include dist/css/bpmn.css in a webpage.

Use icons prefixed with bpmn-icon-, i.e.:

<span class="bpmn-icon-task"></span>

License

OFL

bpmn-font's Issues

provide intermediate-event-catch-error as -non-interrupting-

Would it be possible to provide the " intermediate-event-catch-error" as " intermediate-event-catch-non-interrupting-error" ?

bpmn-icon-intermediate-event-catch-non-interrupting-message

I think this makes also sense in some usecases

Release new version on npm

Seems like the bpmn.io npm account isn't allowed to publish new versions of this library:

Console error

npm registry page

• allow bpmn.io account to publish new versions
• publish v0.9.0 with new Group icons

Release bpmn-font on npm

The latest version that is on npm is 0.2.0: https://www.npmjs.com/package/bpmn-font

Is there a reason why the newer versions are not on npm?

Rework task type icons

These task icons should be as bold as other icons as they are barely visible:

• receive
• user
• manual
• business rule
• service
• script

Rework activity markers

Ensure icons are readable and concise.

add transaction to bpmn font

Rework data object icons

The data object icons should be as bold as other icons.

Related to bpmn-io/bpmn-js#344

Prefix font CSS selector with bpmn-icon-

In bpmn-embedded.js, line 25:

 [class^="icon-"]:before, [class*=" icon-"]:before {

This attribute collides with many other libraries that use "icon-" prefix, can you make it more specific, eg using "bpmn-icon" prefix?

add event sub process to bpmn font

related to bpmn-io/bpmn-js#302

Automate font updating

Once icons are edited or added in bpmn-font, the font in the following projects should be updated automatically:

• bpmn-js
• bpmn-io-demo
• bpmn-io-chrome
• bpmn-io-modeler

This involves: updating the Fontello config.json in the projects, getting the updated font files and copying it to the right places in the project. We should make use of the Fontello API to achieve that.

Demo page is unavailable

Describe the Bug

demo page
The browser raised ERR_SSL_PROTOCOL_ERROR.

Add multi-connection icon

Add a glyph that represents connection type agnostic I want to connect two elements.

Icon for collapsed event subprocess

Is your feature request related to a problem? Please describe.

Currently, there is only an icon for expanded event subprocesses, but not for collapsed ones.

Describe the solution you'd like

It would be nice to have an icon for collapsed event subprocesses, i.e. analogously to the icon for collapsed subprocesses (with the + marker).

Describe alternatives you've considered

Continue using the icon for expanded event subprocesses, but this is inconsistent with the icons used in the replace popup menu for other elements.

Additional context

This repo provides a module to collapse/expand event subprocesses from the replace popup menu: https://github.com/bpmn-os/bpmn-js-collapse-event-subprocess/

Release and promote bpmn-font