feat: responsive favicon (#469)

ppvg · web-flow · commit 1348b02903f7 · 2024-01-30T05:30:39.000+01:00
diff --git a/docs/src/img/favicon.ico b/docs/src/img/favicon.ico
diff --git a/docs/src/img/favicon.svg b/docs/src/img/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><style>path{fill:#333;}@media(prefers-color-scheme:dark){path{fill:#eee;}}</style><path d="M26.53 9.259c-.653-.41-1.553-.818-2.534-1.145-.245-3.352-.818-7.85-2.78-8.095-2.126-.327-3.352 3.598-4.333 6.95-1.063 0-2.126 0-3.19.082-1.144-2.535-3.025-5.969-4.496-5.478-1.717.409-1.39 4.006-.982 6.868-1.063.49-2.044 1.063-2.78 1.88-3.025 2.944-2.943 7.932-2.289 10.548.654 3.026 5.56 9.076 8.667 10.548 1.717.818 7.359.736 9.158 0 3.516-1.472 6.786-9.485 6.786-9.485s4.007-9.485-1.226-12.673M10.996 25.12c-1.144 0-2.044-1.717-2.044-3.68 0-1.962.982-3.679 2.044-3.679 1.145 0 2.045 1.717 2.045 3.68 0 1.962-.9 3.68-2.045 3.68m9.812 0c-1.144 0-2.044-1.717-2.044-3.68 0-1.962.981-3.679 2.044-3.679 1.145 0 2.044 1.717 2.044 3.68 0 1.962-.899 3.68-2.044 3.68"/></svg>
diff --git a/docs/src/routes/+layout.svelte b/docs/src/routes/+layout.svelte
@@ -6,7 +6,8 @@
 </script>
 
 <svelte:head>
-  <link href="$img/favicon.ico" rel="shortcut icon" />
+  <link href="$img/favicon.svg" rel="icon" type="image/svg+xml">
+  <link href="$img/favicon.ico" rel="shortcut icon">
 </svelte:head>
 
 <slot />
