diff --git a/index.html b/index.html
index 2241fbd..561bf2c 100644
--- a/index.html
+++ b/index.html
@@ -2,11 +2,22 @@
 <html lang="de" class="h-full">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="/favicon.png" />
+    <!--
+      Browsersymbol: gruenes "P". SVG zuerst - es bleibt in jeder Groesse scharf
+      und wechselt auf dunklen Reiterleisten in ein helleres Gruen; das PNG ist
+      der Rueckfall fuer Browser ohne SVG-Symbol.
+
+      Eigene Dateinamen statt favicon.png: Apache laesst Bilder ein Jahr im
+      Cache liegen, unter gleichem Namen saehe man das neue Symbol sonst erst
+      nach einem harten Neuladen.
+    -->
+    <link rel="icon" type="image/svg+xml" href="/favicon-p.svg" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-p-32.png" />
+    <link rel="icon" type="image/png" sizes="180x180" href="/favicon-p-180.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <meta name="theme-color" content="#6ba04a" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
-    <link rel="apple-touch-icon" href="/favicon.png" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon-p.png" />
     <meta name="robots" content="noindex, nofollow" />
     <title>Pulse · perinco</title>
     <script>
diff --git a/public/apple-touch-icon-p.png b/public/apple-touch-icon-p.png
new file mode 100644
index 0000000..4f6d9b6
Binary files /dev/null and b/public/apple-touch-icon-p.png differ
diff --git a/public/favicon-p-180.png b/public/favicon-p-180.png
new file mode 100644
index 0000000..502a853
Binary files /dev/null and b/public/favicon-p-180.png differ
diff --git a/public/favicon-p-32.png b/public/favicon-p-32.png
new file mode 100644
index 0000000..ead1f72
Binary files /dev/null and b/public/favicon-p-32.png differ
diff --git a/public/favicon-p.svg b/public/favicon-p.svg
new file mode 100644
index 0000000..6235f64
--- /dev/null
+++ b/public/favicon-p.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <!--
+    Browsersymbol: ein gruenes "P" auf durchsichtigem Grund.
+
+    Als Vektor, damit es in jeder Groesse scharf bleibt - vom 16 px grossen
+    Reiter bis zur Lesezeichenleiste. Die Form ist gezeichnet, nicht gesetzt:
+    eine Schrift waere auf jedem Rechner eine andere.
+
+    Stamm und Bogen liegen im ersten Teilpfad, die Punze im zweiten;
+    fill-rule="evenodd" stanzt sie aus.
+  -->
+  <style>
+    path { fill: #2e8b22; }
+    /* Auf dunklen Reiterleisten ist das Markengruen zu satt - dort heller. */
+    @media (prefers-color-scheme: dark) {
+      path { fill: #57c23c; }
+    }
+  </style>
+  <path fill-rule="evenodd" d="M9 3.5h8.5a8 8 0 0 1 0 16H15v9H9Z M15 8.3h2.5a3.2 3.2 0 0 1 0 6.4H15Z" />
+</svg>
diff --git a/public/favicon.png b/public/favicon.png
deleted file mode 100644
index a36208c..0000000
Binary files a/public/favicon.png and /dev/null differ