custom node shape/symbol in diagram chart?

[retsyo]

is it possible to let user choose symbols for node, for example, cloud as the attachment(from https://www.vectorstock.com/royalty-free-vector/cloud-flowchart-charts-vector-1013538) shows?

Since mermaid has introduced such thing, i.e. round corner rectangle by id1(This is the text in the box), maybe more can be used, for example, since :?: is not used often in normal text, we can write I am a cloud :?: custom.cloud.cloud1 to use cloud1 in custom.cloud hiberarchy defined in JSON or local direcory/file system.

Background, currently I try to express my diagram which uses cloud service, so a cloud-like symbol is more suitable than id1[(Database)] (a cylindrical shape)

If mermaid does not/will not support such feature, could you please name some tools? I mean a tool in which user can write pure text then render the final diagram, not a traditional drawing tool which needs drag-and-drop.

thanks

[weedySeaDragon]

The existing shapes used are all simple SVG shapes. If there is a simple, completely copyright free cloud SVG diagram, then it could be added to the code if Knut S. agrees to it.

I don't know if there are any plans in the future to support users adding their own graphic symbols.

[philCryoport]

@weedySeaDragon I'd like to have an email node shape to indicate someone or something will send an email message.

Example uses:

PlantUML offers the ability to use custom icons -- with a large selection of libraries.

Here's the Office 2014 email icon:

I might be blind, but I don't see MermaidJS offering that feature. Did I miss it somewhere?

[weedySeaDragon]

It's really up to @knsv .

[philCryoport]

Looks like one can insert <img> tags within blocks:

flowchart TD
    A[Christmas<img src='http://www.pngall.com/wp-content/uploads/2017/05/Star-PNG-Image-File.png'/> ] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D[Laptop]
    C -->|Two| E[iPhone]
    C -->|Three| F[fa:fa-car Car]