fix: loading a whole damn font for one icon

src/app.html

@@ -6,7 +6,6 @@
     <link rel="icon" type="image/x-icon" href="/cursedcreations.png">
     <link rel="stylesheet" href="/reset.css">
     <link rel="stylesheet" href="/theme.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     %sveltekit.head%
 </head>

src/lib/Header.svelte

@@ -11,7 +11,8 @@
         <!-- svelte-ignore a11y-click-events-have-key-events -->
         <!-- svelte-ignore a11y-no-static-element-interactions -->
         <md-outlined-icon-button class="menu" aria-label="Toggle navigation" on:click={(_) => (navShown = !navShown)}>
-            <md-icon>menu</md-icon>
+            <!-- https://fonts.google.com/icons -->
+            <md-icon><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z" /></svg></md-icon>
         </md-outlined-icon-button>
         <ul class="links" class:shown={navShown}>
             {#each [["/", "Home"], ["/downloads", "Mods"], ["/wiki", "Wiki"]] as [href, display]}