diff --git a/src/lib/shells/SlideOver.svelte b/src/lib/shells/SlideOver.svelte
index db1992ca..a5b3bb7f 100644
--- a/src/lib/shells/SlideOver.svelte
+++ b/src/lib/shells/SlideOver.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import * as m from "$paraglide/messages";
-	import { XMark } from "@inqling/svelte-icons/heroicon-24-outline";
+	import XMark from "@inqling/svelte-icons/heroicon-24-outline/x-mark.svelte";
 	import {
 		Dialog,
 		DialogOverlay,
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 50c5e2ec..3b3e6308 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -2,8 +2,10 @@
 	import { page } from "$app/stores";
 	import Button from "$elements/button";
 	import Mouse3DTilting from "$shells/Mouse3DTilting.svelte";
-	import { CodeBracket, Sparkles } from "@inqling/svelte-icons/heroicon-24-solid";
-	import { ExclamationCircle, XMark } from "@inqling/svelte-icons/heroicon-24-outline";
+	import CodeBracket from "@inqling/svelte-icons/heroicon-24-solid/code-bracket.svelte";
+	import Sparkles from "@inqling/svelte-icons/heroicon-24-solid/sparkles.svelte";
+	import ExclamationCircle from "@inqling/svelte-icons/heroicon-24-outline/exclamation-circle.svelte";
+	import XMark from "@inqling/svelte-icons/heroicon-24-outline/x-mark.svelte";
 	import * as m from "$paraglide/messages";
 </script>
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 884d7126..c19690e6 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -4,8 +4,9 @@
 	import { fade } from "svelte/transition";
 	import { beforeNavigate, goto } from "$app/navigation";
 	import { page } from "$app/stores";
-	import { ArrowUp, Bars3 } from "@inqling/svelte-icons/heroicon-24-solid";
-	import { Github } from "@inqling/svelte-icons/simple-icons";
+	import ArrowUp from "@inqling/svelte-icons/heroicon-24-solid/arrow-up.svelte";
+	import Bars3 from "@inqling/svelte-icons/heroicon-24-solid/bars-3.svelte";
+	import Github from "@inqling/svelte-icons/simple-icons/github.svelte";
 	import { JsonLd, MetaTags, type JsonLdProps, type MetaTagsProps } from "svelte-meta-tags";
 	import extend from "just-extend";
 	import resolveConfig from "tailwindcss/resolveConfig";
@@ -303,7 +304,7 @@
 
 	<footer class="border-t border-gray-500 p-16 text-gray-400 xs:p-24">
 		<!-- Main grid -->
-		<div class="flex flex-col justify-start gap-16 xl:flex-row xl:gap-0">
+		<div class="flex flex-col gap-16 xl:flex-row xl:gap-0">
 			<a
 				href={i18n.resolveRoute("/")}
 				class="w-fit transition-opacity duration-300 hover:opacity-70"
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ba75b639..fe18d728 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -5,24 +5,22 @@
 	import Mouse3DTilting from "$shells/Mouse3DTilting.svelte";
 	import Section from "$layouts/Section.svelte";
 	import Button from "$elements/button";
-	import {
-		Cloud,
-		Heart,
-		PaintBrush,
-		RocketLaunch,
-		Sparkles,
-		Trophy,
-		Window,
-		WrenchScrewdriver
-	} from "@inqling/svelte-icons/heroicon-24-outline";
-	import {
-		ArrowDown,
-		ChevronRight,
-		ChevronLeft,
-		CodeBracket,
-		DevicePhoneMobile
-	} from "@inqling/svelte-icons/heroicon-24-solid";
-	import { Postgresql, Svelte, Vercel } from "@inqling/svelte-icons/simple-icons";
+	import Cloud from "@inqling/svelte-icons/heroicon-24-outline/cloud.svelte";
+	import Heart from "@inqling/svelte-icons/heroicon-24-outline/heart.svelte";
+	import PaintBrush from "@inqling/svelte-icons/heroicon-24-outline/paint-brush.svelte";
+	import RocketLaunch from "@inqling/svelte-icons/heroicon-24-outline/rocket-launch.svelte";
+	import Sparkles from "@inqling/svelte-icons/heroicon-24-outline/sparkles.svelte";
+	import Trophy from "@inqling/svelte-icons/heroicon-24-outline/trophy.svelte";
+	import Window from "@inqling/svelte-icons/heroicon-24-outline/window.svelte";
+	import WrenchScrewdriver from "@inqling/svelte-icons/heroicon-24-outline/wrench-screwdriver.svelte";
+	import ArrowDown from "@inqling/svelte-icons/heroicon-24-solid/arrow-down.svelte";
+	import ChevronRight from "@inqling/svelte-icons/heroicon-24-solid/chevron-right.svelte";
+	import ChevronLeft from "@inqling/svelte-icons/heroicon-24-solid/chevron-left.svelte";
+	import CodeBracket from "@inqling/svelte-icons/heroicon-24-solid/code-bracket.svelte";
+	import DevicePhoneMobile from "@inqling/svelte-icons/heroicon-24-solid/device-phone-mobile.svelte";
+	import Postgresql from "@inqling/svelte-icons/simple-icons/postgresql.svelte";
+	import Svelte from "@inqling/svelte-icons/simple-icons/svelte.svelte";
+	import Vercel from "@inqling/svelte-icons/simple-icons/vercel.svelte";
 	import * as m from "$paraglide/messages";
 	import { languageTag } from "$paraglide/runtime";
 	import { c } from "$utils/inlang";
diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index f613417c..1349e7ca 100644
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -1,6 +1,9 @@
 <script lang="ts">
 	import type { PageData, Snapshot } from "./$types";
-	import { Check, PaperAirplane, Phone, XMark } from "@inqling/svelte-icons/heroicon-24-outline";
+	import Check from "@inqling/svelte-icons/heroicon-24-outline/check.svelte";
+	import PaperAirplane from "@inqling/svelte-icons/heroicon-24-outline/paper-airplane.svelte";
+	import Phone from "@inqling/svelte-icons/heroicon-24-outline/phone.svelte";
+	import XMark from "@inqling/svelte-icons/heroicon-24-outline/x-mark.svelte";
 	import * as m from "$paraglide/messages";
 	import Section from "$layouts/Section.svelte";
 	import Button from "$elements/button";