# bpmn-font

> A BPMN 2.0 icon font

Latest version **0.13.0** (published 2026-07-28) · SIL license · 0 weekly downloads

## Install

```sh
npm install bpmn-font
pnpm add bpmn-font
yarn add bpmn-font
bun add bpmn-font
```

## Health

**Score 45/100 (D)** — status: active.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.13.0 |
| Published | 2026-07-28 |
| First published | 2015-03-30 |
| Weekly downloads | 0 |
| License | SIL |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 469.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 129 |
| Author | Nico Rehwaldt |
| Maintainers | bpmn-io-admin, nikku, barmac, philippfromme, maxtru, skaiir-camunda, vsgoulart, barinali, ev-camunda, jarekdanielak, alekseymanetov |
| Keywords | bpmn, font, iconfont, icons |

## Links

- npm: https://www.npmjs.com/package/bpmn-font
- Repository: https://github.com/bpmn-io/bpmn-font
- Issues: https://github.com/bpmn-io/bpmn-font/issues
- npm.io page: https://npm.io/package/bpmn-font

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [stockfish](https://npm.io/package/stockfish.md) — 27.0K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads

## Recent versions

- 0.13.0 (latest) — 2026-07-28
- 0.12.1 — 2023-07-27
- 0.12.0 — 2023-02-01
- 0.11.0 — 2023-01-31
- 0.10.0 — 2020-05-26
- 0.9.3 — 2019-06-06
- 0.9.2 — 2019-06-06
- 0.9.1 — 2019-06-06
- 0.9.0 — 2019-05-16
- 0.8.0 — 2018-01-05
- 0.7.1 — 2018-01-05
- 0.2.0 — 2015-03-30

## README

# bpmn-font

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

![Font Preview](./resources/symbols.png)

Checkout the [demo page](https://cdn.statically.io/gh/bpmn-io/bpmn-font/master/dist/demo.html) for a list of included icons and their character code.


## Usage in HTML

Expose [`dist`](./dist) directory in your app and include [`dist/css/bpmn.css`](./dist/css/bpmn.css) in a webpage.

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

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


## License

[OFL](http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_web)

---
_Source: https://npm.io/package/bpmn-font · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._