diff --git a/deno.lock b/deno.lock
index b454cd8..343eb1c 100644
--- a/deno.lock
+++ b/deno.lock
@@ -1890,7 +1890,8 @@
   },
   "workspace": {
     "dependencies": [
-      "jsr:@std/assert@1"
+      "jsr:@std/assert@1",
+      "npm:simple-icons@^15.17.0"
     ],
     "packageJson": {
       "dependencies": [
@@ -1910,6 +1911,7 @@
         "npm:prettier-plugin-svelte@^3.4.0",
         "npm:prettier-plugin-tailwindcss@~0.6.14",
         "npm:prettier@^3.6.2",
+        "npm:simple-icons@^15.17.0",
         "npm:svelte-check@^4.3.2",
         "npm:svelte@^5.39.5",
         "npm:sveltekit-adapter-deno@~0.16.1",
diff --git a/src/components/navigation/navbar/navbar.svelte b/src/components/navigation/navbar/navbar.svelte
index 2c249e9..048655f 100644
--- a/src/components/navigation/navbar/navbar.svelte
+++ b/src/components/navigation/navbar/navbar.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import ThemeToggle from './themeToggle.svelte';
-	import logo from '$static/logo.svg';
+	import logo from '$assets/logo.svg';
 </script>
 
 <nav
diff --git a/src/static/404.gif b/src/lib/client/assets/404.gif
similarity index 100%
rename from src/static/404.gif
rename to src/lib/client/assets/404.gif
diff --git a/src/static/logo.svg b/src/lib/client/assets/logo.svg
similarity index 100%
rename from src/static/logo.svg
rename to src/lib/client/assets/logo.svg
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 218bb09..d34e66f 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { page } from '$app/stores';
-	import gif404 from '$static/404.gif';
+	import gif404 from '$assets/404.gif';
 
 	$: statusCode = $page.status;
 	$: errorMessage = $page.error?.message || 'An unexpected error occurred';
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index d2225a4..4b09385 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import '../app.css';
-	import logo from '$static/logo.svg';
+	import logo from '$assets/logo.svg';
 	import Navbar from '$components/navigation/navbar/navbar.svelte';
 	import PageNav from '$components/navigation/pageNav/pageNav.svelte';
 	import ToastContainer from '$components/toast/ToastContainer.svelte';
diff --git a/svelte.config.js b/svelte.config.js
index e1f8c1c..35589a4 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -15,7 +15,7 @@ const config = {
 			'$logger/*': './src/utils/logger/*',
 			$stores: './src/stores',
 			$components: './src/components',
-			$static: './src/static',
+			$assets: './src/lib/client/assets',
 			$server: './src/server',
 			$db: './src/db',
 			$arr: './src/utils/arr',