Mermaid Chart Icons

AWS Icons


Adding an icon

    There are two ways to add icons to your Mermaid Chart diagrams:
  • Referencing the icon code in the Mermaid syntax.
  • Using the visual editor's icon picker.

Icon code

To use an AWS icon in your Mermaid Chart diagram, you can reference it by its code. The code for each icon is in the format icon "aws:icon_code", where icon_code is the specific code for the AWS icon you want to use.

For example, to use the "Arch-alexa-for-business" icon, you would write: icon: "aws:arch-alexa-for-business".

flowchart
    n1["example"]
    n1@{ icon: "aws:arch-alexa-for-business"}

Architecture diagrams

For architecture diagrams, the code for each icon is in the format aws:architecture:icon_code.

aws-
architecture-beta
    group api(cloud)[API]

    service db(aws:arch-alexa-for-business)[Example] in api
    service disk1(disk)[Storage] in api
    service disk2(disk)[Storage] in api
    service server(server)[Server] in api

    db:L -- R:server
    disk1:T -- B:server
    disk2:T -- B:db

Visual editor

If you're using the visual editor, you can select the icon option from the toolbar. Click on the default icon to bring up the icon picker, where you can search for and select AWS icons.

Image

AWS icon picker in Mermaid Chart visual editor

Icons List

Mermaid currently supports 0 AWS icons. View the full list below.

Icon Icon Name Icon Code
© Mermaid Chart 2026