Swap updated favicons

app/_layouts/default.html

@@ -8,8 +8,10 @@
     {% include description.html %}
     {% include sharing-image.html %}
     <link rel="canonical" href="{{ site.url }}{{ site.baseurl }}{{ page.url | replace:'index.html',''}}">
-    <link rel="shortcut icon" type="image/png" href="{{ site.baseurl }}/assets/images/favicon.png">
-    <link rel="apple-touch-icon" href="{{ site.baseurl }}/assets/images/apple-touch-icon.png">
+    <link rel="icon" href="{{ site.baseurl }}/assets/images/favicon.ico" sizes="32x32">
+    <link rel="icon" href="{{ site.baseurl }}/assets/images/favicon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="{{ site.baseurl }}/assets/images/apple-touch-favicon.png">
+    <link rel="manifest" href="{{ site.baseurl }}/manifest.webmanifest">
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css?cache-buster=17">
     <link rel="alternate" href="{{ site.baseurl }}/blog/feed/" type="application/rss+xml" title="RSS Feed">
     {% include custom-css.html %}

app/manifest.webmanifest

@@ -0,0 +1,10 @@
+---
+---
+{
+    "name": "The Library Innovation Lab at Harvard University",
+    "icons": [
+        { "src": "{{ site.baseurl }}/assets/images/favicon-192.png", "type": "image/png", "sizes": "192x192", "purpose": "maskable" },
+        { "src": "{{ site.baseurl }}/assets/images/favicon-512.png", "type": "image/png", "sizes": "512x512", "purpose": "maskable" },
+        { "src": "{{ site.baseurl }}/assets/images/favicon.svg", "sizes": "any" }
+    ]
+}