Add Favicon (#22)

* 🎨 Add media files for favicons * 🎨 Update currently favicon * 🎨 Add site.webmanifest * 🎨 Add code lines to serve favicon * 🎨 Apply prettier * add favicon links into index.html * 🔥 Delete site.webmanifest * 🔥 Delete links to favicons * 🎨 add empty line to leave file unchanged in PR
Hochfrequenz · May 21, 2024 · 222913f · 222913f
1 parent a6fa5ee
commit 222913f
Show file tree

Hide file tree

Showing 7 changed files with 86 additions and 1 deletion.
diff --git a/src/assets/favicon/apple-touch-icon.png b/src/assets/favicon/apple-touch-icon.png
diff --git a/src/assets/favicon/favicon.ico b/src/assets/favicon/favicon.ico
diff --git a/src/assets/favicon/hf_logo.svg b/src/assets/favicon/hf_logo.svg
diff --git a/src/assets/favicon/hf_logo_192x192.png b/src/assets/favicon/hf_logo_192x192.png
diff --git a/src/assets/favicon/hf_logo_512x512.png b/src/assets/favicon/hf_logo_512x512.png
diff --git a/src/favicon.ico b/src/favicon.ico
diff --git a/src/index.html b/src/index.html
@@ -5,8 +5,17 @@
     <title>Ahbesser</title>
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link
+      rel="icon"
+      type="image/x-icon"
+      href="/assets/favicon/favicon.ico"
+      sizes="32x32"
+    />
+    <link rel="icon" href="/assets/favicon/hf_logo.svg" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png" />
+    <!-- 180×180 -->
   </head>
+
   <body>
     <app-root></app-root>
   </body>