Change favicon

2 months ago · d8337b404e
parent fb7e7c7873
commit d8337b404e
3 changed files with 14 additions and 1 deletions
--- a/src/app.html
+++ b/src/app.html
@ -2,7 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.svg" />
 		<meta name="viewport" content="width=device-width" />
 		<link rel="preconnect" href="https://fonts.googleapis.com" />
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
--- a/static/favicon.png
+++ b/static/favicon.png
--- a/static/favicon.svg
+++ b/static/favicon.svg
@ -0,0 +1,13 @@
+<svg viewBox="0 0 50 50" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    #eye-fill{fill:#000}
+    @media (prefers-color-scheme:dark){#eye-fill{fill:#fff}}
+  </style>
+  <defs>
+    <mask maskUnits="userSpaceOnUse" id="eyemask">
+        <path style="fill:#fff;fill-opacity:1;paint-order:markers stroke fill" d="M0 0h50v50H0z"/>
+        <circle style="fill:#fff;fill-opacity:1;stroke:#000;stroke-width:8;stroke-opacity:1;paint-order:markers stroke fill" cx="25" cy="25" r="5"/>
+    </mask>
+  </defs>
+  <path id="eye-fill" fill="#fff" d="M25 12c14.972 0 20 13 20 13s-5.08 13-20 13S5 25 5 25s5.028-13 20-13Z" mask="url(#eyemask)"/>
+</svg>