diff --git a/src/assets/logos/logo-x.png b/src/assets/logos/logo-x.png
deleted file mode 100644
index 4432334..0000000
Binary files a/src/assets/logos/logo-x.png and /dev/null differ
diff --git a/src/assets/logos/logo-x.svg b/src/assets/logos/logo-x.svg
new file mode 100644
index 0000000..437e2bf
--- /dev/null
+++ b/src/assets/logos/logo-x.svg
@@ -0,0 +1,3 @@
+<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
+</svg>
diff --git a/src/lib/Logo/X.svelte b/src/lib/Logo/X.svelte
index 7fafdbb..f3f917a 100644
--- a/src/lib/Logo/X.svelte
+++ b/src/lib/Logo/X.svelte
@@ -1,9 +1,8 @@
 <script lang='ts'>
 	import type { ComponentProps } from 'svelte';
+	import icon from '$/assets/logos/logo-x.svg';
 	import { LINKS } from '../links';
 	import Base from './_Base.svelte';
-	// @ts-ignore
-	import icon from '$/assets/logos/logo-x.png?enhanced&w=300;600;800';
 
 	const { ...rest }: Omit<ComponentProps<typeof Base>, 'icon'> = $props();