diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2386d01..3f581bb 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,7 +5,6 @@
 
 	import { onMount } from 'svelte';
 	import { page } from '$app/stores';
-	import { ArrowUp, Menu, X } from 'lucide-svelte';
 
 	let scrolled = $state(false);
 	let uptimeText = $state('');
@@ -70,9 +69,35 @@
 					aria-label="Toggle menu"
 				>
 					{#if isMobileMenuOpen}
-						<X size={20} aria-hidden="true" />
+						<svg
+							aria-hidden="true"
+							focusable="false"
+							role="img"
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 320 512"
+							width="20"
+							height="20"
+						>
+							<path
+								fill="currentColor"
+								d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"
+							></path>
+						</svg>
 					{:else}
-						<Menu size={20} aria-hidden="true" />
+						<svg
+							aria-hidden="true"
+							focusable="false"
+							role="img"
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 448 512"
+							width="20"
+							height="20"
+						>
+							<path
+								fill="currentColor"
+								d="M16 132h416c8.8 0 16-7.2 16-16V76c0-8.8-7.2-16-16-16H16C7.2 60 0 67.2 0 76v40c0 8.8 7.2 16 16 16zm0 160h416c8.8 0 16-7.2 16-16v-40c0-8.8-7.2-16-16-16H16c-8.8 0-16 7.2-16 16v40c0 8.8 7.2 16 16 16zm0 160h416c8.8 0 16-7.2 16-16v-40c0-8.8-7.2-16-16-16H16c-8.8 0-16 7.2-16 16v40c0 8.8 7.2 16 16 16z"
+							></path>
+						</svg>
 					{/if}
 				</button>
 				<nav class={isMobileMenuOpen ? 'open' : ''}>
@@ -167,7 +192,19 @@
 						scrollToTop();
 					}}
 				>
-					<ArrowUp size={16} aria-hidden="true" />
+					<svg
+						aria-hidden="true"
+						focusable="false"
+						role="img"
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 448 512"
+						width="16"
+						height="16"
+						><path
+							fill="currentColor"
+							d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"
+						></path></svg
+					>
 				</a>
 			</div>
 		</aside>
diff --git a/src/routes/posts/[slug]/+page.svelte b/src/routes/posts/[slug]/+page.svelte
index c864eef..6a04c5d 100644
--- a/src/routes/posts/[slug]/+page.svelte
+++ b/src/routes/posts/[slug]/+page.svelte
@@ -3,7 +3,6 @@
 	import { resolve } from '$app/paths';
 	import type { PageData } from './$types';
 	import { onMount, tick } from 'svelte';
-	import { ArrowLeft } from 'lucide-svelte';
 	import tocbot from 'tocbot';
 	import MarkdownRenderer from '$lib/components/MarkdownRenderer.svelte';
 
@@ -177,7 +176,19 @@
 		<!-- svelte-ignore a11y_click_events_have_key_events -->
 		<!-- svelte-ignore a11y_no_static_element_interactions -->
 		<div id="toggle-toc" class="ctrler-item" onclick={() => (sidebarShow = !sidebarShow)}>
-			<ArrowLeft size={16} aria-hidden="true" />
+			<svg
+				aria-hidden="true"
+				focusable="false"
+				role="img"
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 448 512"
+				width="16"
+				height="16"
+				><path
+					fill="currentColor"
+					d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L27 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 120.8c9.8 9.3 10 24.8.4 34.3z"
+				></path></svg
+			>
 		</div>
 	{/if}
 </main>