This shortcode inserts a specified SVG icon from the /images/icons/diagram/
directory into a Mermaid diagram node, in the format {{% mermaid-icon "icon-name" %}}
.
You must use the %
delimiter. Do not use this shortcode outside of Mermaid code blocks.
InternetG
, you can reference InternetG
again without needing to repeat the shortcode. For more details, see our Mermaid style guide.```mermaid
flowchart LR
subgraph Datacenter Region
subgraph VPC 10.0.220.0/16
ServerA({{% mermaid-icon "SSDs" %}} Web Server) --> InternetG({{% mermaid-icon "SSDs" %}} Internet Gateway)
ServerB({{% mermaid-icon "SSDs" %}} Web Server) --> InternetG
ServerC({{% mermaid-icon "SSDs" %}} Web Server) --> InternetG
end
end
InternetG --> Internet({{% mermaid-icon "global-data-centers" %}} Internet)
```
Renders to: