16x16 (favicon.ico)
+32x32 (favicon-32x32.png)
+48x48 (favicon-48x48.png)
+180x180 (apple-touch-icon.png)
+192x192 (PWA icon)
+512x512 (PWA icon)
+<!-- Favicon -->
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+
+<!-- Apple Touch Icon -->
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+
+<!-- PWA Manifest -->
+<link rel="manifest" href="/site.webmanifest">
+ {
+ "name": "kompose.sh",
+ "short_name": "kompose",
+ "description": "Component composition framework",
+ "start_url": "/",
+ "display": "standalone",
+ "background_color": "#0a0e27",
+ "theme_color": "#00DC82",
+ "icons": [
+ {
+ "src": "/icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/icon-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ]
+}
+