fix favicon

qaynam · Aug 24, 2023 · 518ca14 · 518ca14
1 parent eebd3a3
commit 518ca14
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 3 deletions.
diff --git a/src/app.html b/src/app.html
@@ -2,7 +2,25 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+    <link rel="icon" href="%sveltekit.assets%/favicon.ico" />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="%sveltekit.assets%/favicons/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="%sveltekit.assets%/favicons/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="%sveltekit.assets%/favicons/favicon-16x16.png"
+    />
+
     <meta name="viewport" content="width=device-width" />
     <meta name="color-scheme" content="light dark" />
     <meta name="theme-color" content="%sveltekit.theme_color%" />

diff --git a/src/views/components/features/Header.svelte b/src/views/components/features/Header.svelte
@@ -4,7 +4,7 @@
 
 <Stack class="lg:gap-2 gap-0">
   <h1 class="text-white lg:text-4xl text-3xl font-black flex items-center gap-3">
-    <img src="/favicon.png" class="lg:w-10 lg:h-10 h-8 w-8" alt="Smiiily Logo" />
+    <img src="/logo.png" class="lg:w-10 lg:h-10 h-8 w-8" alt="Smiiily Logo" />
     Smiiily
   </h1>
   <h2 class="text-gray-400 lg:text-xl text-lg lg:max-w-lg">

diff --git a/src/views/components/features/PWAInstallPrompt.svelte b/src/views/components/features/PWAInstallPrompt.svelte
@@ -11,7 +11,7 @@
       <div class="flex gap-2">
         <button class="text-xl inline-block p-2" on:click={onClose}>&times;</button>
         <div class="flex items-center gap-2">
-          <img src="/favicon.png" class="h-10 w-10" alt="" />
+          <img src="/logo.png" class="h-10 w-10" alt="" />
           <span class="font-semibold">
             Install PWA and use the app without opening your browser! !
           </span>

diff --git a/static/favicons/apple-touch-icon.png b/static/favicons/apple-touch-icon.png
diff --git a/static/favicons/favicon-16x16.png b/static/favicons/favicon-16x16.png
diff --git a/static/favicons/favicon-32x32.png b/static/favicons/favicon-32x32.png
diff --git a/static/favicons/favicon.ico b/static/favicons/favicon.ico
diff --git a/static/favicon.png → static/logo.png b/static/favicon.png → static/logo.png