Support Font Awesome icons in Discourse Mermaid

This is great, thanks!

It doesn’t seen that font-awesome icons are supported

An example from the docs:

flowchart TD
    B["fa:fa-twitter for peace"]
    B-->C[fa:fa-ban forbidden]
    B-->D(fa:fa-spinner)
    B-->E(A fa:fa-camera-retro perhaps?)

Code:

flowchart TD
    B["fa:fa-twitter for peace"]
    B-->C[fa:fa-ban forbidden]
    B-->D(fa:fa-spinner)
    B-->E(A fa:fa-camera-retro perhaps?)

Is there a supported way to embed font-awesome icons?

3 Likes

Interesting, I think we are going to need changes to support this, maybe you can work around by using images?

graph TD
  DIR("<img src='https://iconscout.com/ms-icon-310x310.png'; width='30' />")
```mermaid height=117,auto
graph TD
  DIR("<img src='https://iconscout.com/ms-icon-310x310.png'; width='30' />")
```
3 Likes