Enable our awsome SVG favicon

2021-02-02 23:15:17 +01:00 · 2021-02-02 23:15:17 +01:00 · cf2fcc0664
parent 2de1eaf29e
commit cf2fcc0664
9 changed files with 16 additions and 68 deletions
--- a/public/icons/favicon-128x128.png
+++ b/public/icons/favicon-128x128.png
--- a/public/favicon-256x256.png
+++ b/public/favicon-256x256.png
--- a/public/icons/favicon-16x16.png
+++ b/public/icons/favicon-16x16.png
--- a/public/icons/favicon-32x32.png
+++ b/public/icons/favicon-32x32.png
--- a/public/icons/favicon-96x96.png
+++ b/public/icons/favicon-96x96.png
--- a/public/logo-dark.svg
+++ b/public/logo-dark.svg
--- a/public/logo.svg
+++ b/public/logo.svg
--- a/quasar.conf.js
+++ b/quasar.conf.js
@ -141,30 +141,20 @@ module.exports = configure(function(ctx) {
        theme_color: '#027be3',
        icons: [
          {
-            src: 'icons/icon-128x128.png',
+            src: 'flaschengeist-logo.svg',
+            sizes: 'any',
+            type: 'image/svg+xml'
+          },
+          {
+            src: 'favicon-128x128.png',
            sizes: '128x128',
            type: 'image/png'
          },
          {
-            src: 'icons/icon-192x192.png',
-            sizes: '192x192',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-256x256.png',
+            src: 'favicon-256x256.png',
            sizes: '256x256',
            type: 'image/png'
          },
-          {
-            src: 'icons/icon-384x384.png',
-            sizes: '384x384',
-            type: 'image/png'
-          },
-          {
-            src: 'icons/icon-512x512.png',
-            sizes: '512x512',
-            type: 'image/png'
-          }
        ]
      }
    },
--- a/src/index.template.html
+++ b/src/index.template.html
@ -12,19 +12,20 @@
      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
    />

+    <link rel="icon" type="image/svg+xml" href="flaschengeist-logo.svg">
+    <link rel="alternate icon" type="image/ico" href="favicon.ico" />
    <link
-      rel="icon"
+      rel="apple-touch-icon"
      type="image/png"
      sizes="128x128"
-      href="icons/favicon-128x128.png"
+      href="favicon-128x128.png"
    />
    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="icons/favicon-32x32.png"
-    />
-    <link rel="icon" type="image/ico" href="favicon.ico" />
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="256x256"
+    href="favicon-256x256.png"
+  />
  </head>

  <body>