diff --git a/src/components/PageFooter.astro b/src/components/PageFooter.astro
index 063914c..56c8d6e 100644
--- a/src/components/PageFooter.astro
+++ b/src/components/PageFooter.astro
@@ -3,7 +3,7 @@ import Legal from './Legal.astro';
 import RSSLink from './RSSLink.astro';
 import SocialLinks from './SocialLinks.astro';
 import Subnavigation from './Subnavigation.astro';
-import UpLink from './UpLink.astro';
+import { UpLink } from '.';
 ---
 
 <footer
diff --git a/src/components/UpLink.astro b/src/components/UpLink.astro
deleted file mode 100644
index 33586ef..0000000
--- a/src/components/UpLink.astro
+++ /dev/null
@@ -1,20 +0,0 @@
----
-import { Sprite } from 'astro-icon';
-
-import { Link } from '.';
----
-
-<div class="flex flex-1 justify-end">
-	<Link
-		id="up-link"
-		class="transition-transform duration-500 ease-in-out hover:-translate-y-1 focus:-translate-y-1"
-		href="#top"
-	>
-		<button
-			aria-label="Back to top"
-			class="flex h-clickarea w-clickarea cursor-pointer items-center justify-center"
-		>
-			<Sprite name="ri:arrow-up-line" class="h-icon-small w-icon-small" />
-		</button>
-	</Link>
-</div>
diff --git a/src/components/UpLink.tsx b/src/components/UpLink.tsx
new file mode 100644
index 0000000..62413f3
--- /dev/null
+++ b/src/components/UpLink.tsx
@@ -0,0 +1,21 @@
+import type { FunctionalComponent } from 'preact';
+
+import { Link } from '.';
+import { ArrowUp } from './icons';
+
+export const UpLink: FunctionalComponent = ({ ...props }) => (
+	<div class="flex flex-1 justify-end" {...props}>
+		<Link
+			id="up-link"
+			class="transition-transform duration-500 ease-in-out hover:-translate-y-1 focus:-translate-y-1"
+			href="#top"
+		>
+			<button
+				aria-label="Back to top"
+				class="flex h-clickarea w-clickarea cursor-pointer items-center justify-center"
+			>
+				<ArrowUp class="icon h-icon w-icon" />
+			</button>
+		</Link>
+	</div>
+);
diff --git a/src/components/index.ts b/src/components/index.ts
index 325e9d6..1b4db1b 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -30,4 +30,5 @@ export * from './Text';
 export * from './TextLink';
 export * from './Title';
 export * from './UnorderedList';
+export * from './UpLink';
 export * from './Verse';