marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-31 22:26:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Code refactor and updated docs

Browse Source
This commit is contained in:
saurabhg772244
2025-02-25 18:25:59 +05:30
parent 2fb7bc2806
commit e045e0b42d
5 changed files with 49 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/syntax/flowchart.md
View File

@@ -1916,13 +1916,9 @@ If a class is named default it will be assigned to all classes without specific
## Basic support for fontawesome
It is possible to add icons from fontawesome and registered icon pack.
It is possible to add icons from fontawesome.
Mermaid supports icons from registered icon packs. Follow the instructions provided [here](../config/icons.md) to register your icon packs.
The registered icons can be accessed via the syntax #registered icon pack name#:#icon name#.
The fontawesome icons are accessed via the syntax fa:#icon class name#.
The icons are accessed via the syntax fa:#icon class name#.
```mermaid-example
flowchart TD
@@ -1940,6 +1936,17 @@ flowchart TD
B-->E(A fa:fa-camera-retro perhaps?)
```
There are two ways to display these FontAwesome icons:
### Register FontAwesome icon packs (v11.4.2+)
You can register your own FontAwesome icon pack, to register follow the instructions provided [here](../config/icons.md).
> **Note**
> Note that it will fall back to FontAwesome CSS if FontAwesome packs are not registered.
### Register FontAwesome CSS
Mermaid supports Font Awesome if the CSS is included on the website.
Mermaid does not have any restriction on the version of Font Awesome that can be used.