A favicon in the HTML itself, with the file in static

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0141G6xqLeNRYEtviLWSB5Up

template/src/app.html

@@ -8,6 +8,8 @@
 		<title>__NAME__</title>
 		<meta name="description" content="__NAME__: a game between friends, free in the browser." />
 		<link rel="canonical" href="https://__DOMAIN__/" />
+		<link rel="icon" href="/favicon.ico" sizes="32x32" />
+		<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
 		<meta property="og:type" content="website" />
 		<meta property="og:site_name" content="__NAME__" />
 		<meta property="og:title" content="__NAME__" />

template/src/routes/+layout.svelte

@@ -1,12 +1,7 @@
 <script lang="ts">
 	import '../app.css';
-	import favicon from '$lib/assets/favicon.svg';
 
 	let { children } = $props();
 </script>
 
-<svelte:head>
-	<link rel="icon" href={favicon} />
-</svelte:head>
-
 {@render children()}