---
source: https://www.jointjs.com/demos/font-awesome
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/font-awesome/README.md
generated: 2026-04-30
format: markdown
---

# JointJS+: Font Awesome <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

This interactive demo shows how to use Font Awesome (or any other icon library) together with JointJS, how to add icons to elements, ports, links, or tools, and how to export a diagram that uses an external font to a standalone SVG or PNG image.

This demo is also available online at [jointjs.com](https://jointjs.com/demos/font-awesome).

## Available Versions

- [JavaScript](./js/)

## Screenshot

![screenshot](./screenshot.png)