Does Mermaid diagram viewer support registering icons?

[Jia Cherng Ho]

Does the Mermaid diagram viewer support registering icons? I would like to have AWS icons in my mermaid diagrams in Confluence pages. I have found AWS icons at https://icones.js.org/collection/logos as linked from the Mermaid documentation. An example that I was thinking of is similar to the example given at https://mermaid.js.org/syntax/architecture.html#icons, but in my diagrams it would be a flowchart diagram instead of an architecture diagram.

[Marc -Devoteam- · Accepted solution]

Hi @Jia Cherng Ho 

This would be a question for developer/vendor of mermaid diagrams, contact their support on this question.

This public forum is for reporting issues or raising questions, but on app specific question it's better to reach out to the developer/vendor directly.

As this is not their support portal.

[Rahul_RVS]

Hi @Jia Cherng Ho 

Welcome to the community !!

If you are open to try out a mktplace app for this requirement, take a look at 

Mermaid Diagrams & Charts for Confluence

The app has more than 15 diagramming templates and also integrates with your code repositories like GitHub/Bitbucket.

We recently added a feature to render icons as well.

Do give it a try.

Disclaimer : I am part of the app dev team

[Alex Rysin]

Mermaid itself has supported icon packs (including AWS icons) in architecture-beta diagrams since v11 — the catch is that most Confluence mermaid apps bundle older mermaid versions, so the icon syntax simply fails there. Worth checking which mermaid version your app is actually running; that's usually the real blocker.

Full disclosure: I'm building a Forge-native mermaid app that ships current mermaid 11 — keeping up with the language is literally one of the reasons we started it, since several apps in this category have stopped updating. It's in free beta if you want to test whether your AWS-icon diagrams render: https://mermaidpro.app/install