diff --git a/src/App.svelte b/src/App.svelte
index 4b11ebe..c447756 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,9 +1,12 @@
 <script lang="ts">
-    import './app.css';
+    import favicon from '$lib/assets/favicon.svg';
+import './app.css';
 import Page from './routes/Page.svelte';
 </script>
 
-<svelte:head> </svelte:head>
+<svelte:head>
+    <link rel="icon" href={favicon} />
+</svelte:head>
 
 <div id="app-root">
     <Page />
diff --git a/src/ambient.d.ts b/src/ambient.d.ts
new file mode 100644
index 0000000..68c306f
--- /dev/null
+++ b/src/ambient.d.ts
@@ -0,0 +1,20 @@
+declare module '*.svelte' {
+    import type { ComponentType } from 'svelte';
+    const component: ComponentType;
+    export default component;
+}
+
+declare module '*.svg' {
+    const content: string;
+    export default content;
+}
+
+declare module '*.png' {
+    const content: string;
+    export default content;
+}
+
+declare module '*.jpg' {
+    const content: string;
+    export default content;
+}