diff --git a/cypress/helpers/util.ts b/cypress/helpers/util.ts
index 133a35032..74b17cf05 100644
--- a/cypress/helpers/util.ts
+++ b/cypress/helpers/util.ts
@@ -73,7 +73,7 @@ export const imgSnapshotTest = (
 
 export const urlSnapshotTest = (
   url: string,
-  options: CypressMermaidConfig,
+  options: CypressMermaidConfig = {},
   _api = false,
   validation?: any
 ): void => {
diff --git a/cypress/integration/rendering/architecture.spec.ts b/cypress/integration/rendering/architecture.spec.ts
index 9eefbe1e4..6c49298da 100644
--- a/cypress/integration/rendering/architecture.spec.ts
+++ b/cypress/integration/rendering/architecture.spec.ts
@@ -1,4 +1,4 @@
-import { imgSnapshotTest } from '../../helpers/util.ts';
+import { imgSnapshotTest, urlSnapshotTest } from '../../helpers/util.ts';
 
 describe.skip('architecture diagram', () => {
   it('should render a simple architecture diagram with groups', () => {
@@ -172,3 +172,7 @@ describe.skip('architecture diagram', () => {
     );
   });
 });
+
+it('should allow adding external icons', () => {
+  urlSnapshotTest('http://localhost:9000/architecture-external.html');
+});
diff --git a/cypress/platform/architecture-external.html b/cypress/platform/architecture-external.html
new file mode 100644
index 000000000..605709846
--- /dev/null
+++ b/cypress/platform/architecture-external.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>Architecture Mermaid Test Page</title>
+    <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=" />
+    <style>
+      div.mermaid {
+        /* font-family: 'trebuchet ms', verdana, arial; */
+        font-family: 'Courier New', Courier, monospace !important;
+      }
+    </style>
+  </head>
+
+  <body>
+    <h2>External Icons Demo</h2>
+    <pre class="mermaid">
+    architecture-beta
+      service s3(logos:aws-s3)[Cloud Store]
+      service ec2(logos:aws-ec2)[Server]
+      service api(logos:aws-api-gateway)[Api Gateway]
+    </pre>
+
+    <script type="module">
+      import mermaid from './mermaid.esm.mjs';
+      mermaid.initialize({
+        startOnLoad: false,
+        logLevel: 0,
+      });
+      const logos = await fetch('https://unpkg.com/@iconify-json/logos/icons.json');
+      mermaid.registerIconPacks(await logos.json());
+      await mermaid.run();
+      if (window.Cypress) {
+        window.rendered = true;
+      }
+    </script>
+  </body>
+</html>
