diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 340c46b..948c2f1 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import favicon from '$lib/assets/round-logo.svg';
+	import appleLogo from '$lib/assets/apple-touch-icon.png';
 	import '$lib/assets/global.css';
 
 	let { children } = $props();
@@ -7,6 +8,7 @@
 
 <svelte:head>
 	<link rel="icon" href={favicon} />
+	<link rel="apple-touch-icon" href={appleLogo} />
 </svelte:head>
 
 {@render children()}