Mermaid非标准图标在GitHub等渲染引擎不显示问题求解

我有如下Mermaid架构图，在VSCode中显示正常，但在GitHub及其他渲染引擎中，非标准图标（logos:aws-s3、logos:aws-lambda）无法显示：

architecture-beta
   group internal(internet)[Intranet]
      group aws(logos:aws)[AWS Internal] in internal
         service s3(logos:aws-s3)[S3] in aws
         group rds(disk)[RDS] in aws
            service postgres(database)[Postgres] in rds
      group tools(cloud)[Tools] in aws
         service csvtool(logos:aws-lambda)[CSV Tool] in tools
   csvtool:B --> T:s3
   csvtool:R <--> L:postgres

文档指出需注册图标包，我已尝试以下方法，均无效：

• 引入Mermaid脚本：添加script标签引入最新版Mermaid，部分渲染引擎能正常渲染图表，但图标仍缺失：

  <script src="https://unpkg.com/mermaid@11/dist/mermaid.min.js"></script>
  

• 本地引入图标包并注册：将@iconify-json/logos添加到应用目录，然后在文档中添加注册脚本，VSCode未报错，但其他渲染引擎依旧无法加载图标：

  <script>
  import mermaid from 'mermaid';
  import { icons } from '@iconify-json/logos';
  mermaid.registerIconPacks([
    {
      name: icons.logos, // 使用图标包中定义的前缀
      icons,
    },
  ]);
  </script>
  

• 添加Mermaid初始化配置：在图表开头添加初始化头部，图标仍未显示：

  %%{init: {"architecture": {"iconSet": "logos"}}}%%
  

恳请提供可行的解决方案，让这些AWS图标能在GitHub及其他Mermaid渲染引擎中正常显示。

内容的提问来源于stack exchange，提问作者Dycey