Icons aus SVG: transparent, scharf, alle Größen

app/src/app.html

@@ -8,6 +8,7 @@
 		<meta name="theme-color" content="#0B1023">
 		<meta name="apple-mobile-web-app-capable" content="yes">
 		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg">
 		<link rel="icon" type="image/x-icon" href="/favicon.ico">
 		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
 		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">

app/static/favicon.svg

@@ -0,0 +1,15 @@
+<svg width="256" height="256" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
+  <rect width="256" height="256" rx="56" fill="#FF7A00"/>
+
+  <!-- Chat bubble -->
+  <rect x="52" y="48" width="152" height="132" rx="28" fill="#FF7A00"/>
+  <path d="M92 180 L92 214 L126 180 Z" fill="#FF7A00"/>
+
+  <!-- Checkmark -->
+  <path d="M82 116 L112 146 L174 84"
+        stroke="white"
+        stroke-width="22"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        fill="none"/>
+</svg>