favicon

Author: Hofstetter Benjamin

opendata.swiss/ui/app/app.vue

@@ -42,7 +42,18 @@ const isMobileMenuOpen = ref(false);
 useHead({
   bodyAttrs: {
     class: 'body--ods-brand'
-  }
+  },
+  link: [
+    { rel: 'icon', type: 'image/png', sizes: '96x96', href: '/favicon-96x96.png' },
+    { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
+    { rel: 'shortcut icon', href: '/favicon.ico' },
+    { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' },
+    { rel: 'manifest', href: '/site.webmanifest' },
+  ],
+  meta: [
+    { name: 'apple-mobile-web-app-title', content: 'opendata.swiss' },
+    // you can add other default meta tags, e.g. description, viewport, etc
+  ]
 })
 
 function mobileMenuOpened(value: boolean) {

opendata.swiss/ui/public/apple-touch-icon.png

@@ -0,0 +1,21 @@
+{
+  "name": "opendata.swiss",
+  "short_name": "opendata.swiss",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}