From 472a3283c80f0ec11fb0a7e33d565ef6addda0f8 Mon Sep 17 00:00:00 2001
From: Ivan The Geek <>
Date: Mon, 25 May 2026 13:38:32 -0400
Subject: [PATCH 1/2] fix(#1961): Correct favicon link tags
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Three small markup fixes in src/app.html:
- Update the icon link's `type` from `image/png` to `image/svg+xml` so
it matches its `favicon.svg` href. The MIME mismatch was introduced
in #1065 when the href was switched from `.png` to `.svg` without
updating `type`; browsers ignore the attribute and trust the
Content-Type so it rendered fine, but the markup was incorrect.
- Add an explicit `image/x-icon` link for `favicon.ico`. The file
already ships in `static/`, but it was previously discoverable only
via the root `/favicon.ico` auto-probe.
- Add an `apple-touch-icon` link pointing at `favicon.png` (512×512)
so iOS "Add to Home Screen" uses the Mermaid logo instead of a
low-quality page screenshot.
No behavior change for existing desktop users.
---
src/app.html | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/src/app.html b/src/app.html
index 88d4ac1c..2edb5378 100644
--- a/src/app.html
+++ b/src/app.html
@@ -8,7 +8,9 @@
-
+
+
+
From d1343064822c4e6fe8d3b18c29b4f6df73fcdbf7 Mon Sep 17 00:00:00 2001
From: Ivan The Geek <7623933+IvanTheGeek@users.noreply.github.com>
Date: Sun, 7 Jun 2026 13:34:40 -0400
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20drop=20ico=20link=20tag=20=E2=80=94?=
=?UTF-8?q?=20favicon.ico=20has=20opaque=20white=20corners?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
The .ico file is a single 32×32 frame with white (255,255,255,255)
pixels filling the rounded-corner regions instead of transparent
ones, so declaring it as an `` made Chrome render
the favicon with visible white corners on dark backgrounds. The
svg+xml type fix and apple-touch-icon link remain — those don't
involve the .ico.
Legacy browsers that need the .ico will still find it via the root
`/favicon.ico` auto-probe; regenerating the .ico from favicon.svg
so its content matches the rest is a separate asset change.
---
src/app.html | 1 -
1 file changed, 1 deletion(-)
diff --git a/src/app.html b/src/app.html
index 2edb5378..9ed1e043 100644
--- a/src/app.html
+++ b/src/app.html
@@ -9,7 +9,6 @@
name="description"
content="Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript." />
-