diff --git a/src/components/DownloadLink.astro b/src/components/DownloadLink.astro
deleted file mode 100644
index 3e43717..0000000
--- a/src/components/DownloadLink.astro
+++ /dev/null
@@ -1,23 +0,0 @@
----
-import { Sprite } from 'astro-icon';
-
-import { TextLink } from '../components';
-
-export interface Props {
-	href: string;
-	text: string;
-}
-
-const { href, text, ...props } = Astro.props;
----
-
-<TextLink class="group" href={href} {...props}>
-	{text}
-	<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.2em]">
-		<Sprite
-			name="ri:download-line"
-			aria-hidden="true"
-			class="h-icon w-icon transition-transform duration-500 ease-in-out group-hover:translate-y-1 group-focus:translate-y-1"
-		/>
-	</span>
-</TextLink>
diff --git a/src/components/DownloadLink.tsx b/src/components/DownloadLink.tsx
new file mode 100644
index 0000000..c7ae6ee
--- /dev/null
+++ b/src/components/DownloadLink.tsx
@@ -0,0 +1,21 @@
+import type { FunctionalComponent, JSX } from 'preact';
+
+import { TextLink } from '.';
+import { Download } from './icons';
+
+interface Props extends JSX.HTMLAttributes<HTMLAnchorElement> {
+	href: string;
+	text: string;
+}
+
+export const DownloadLink: FunctionalComponent<Props> = ({ href, text, ...props }) => (
+	<TextLink class="group" href={href} {...props}>
+		{text}
+		<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.2em]">
+			<Download
+				aria-hidden="true"
+				class="icon h-icon w-icon transition-transform duration-500 ease-in-out group-hover:translate-y-1 group-focus:translate-y-1"
+			/>
+		</span>
+	</TextLink>
+);
diff --git a/src/components/index.ts b/src/components/index.ts
index 1b4db1b..1dfe40c 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -10,6 +10,7 @@ export * from './ColorSwatch';
 export * from './DisplayBox';
 export * from './Divider';
 export * from './DoughnutChart';
+export * from './DownloadLink';
 export * from './Figure';
 export * from './Flag';
 export * from './Headline';
diff --git a/src/mdx-components.ts b/src/mdx-components.ts
index a30b6c8..7a2a635 100644
--- a/src/mdx-components.ts
+++ b/src/mdx-components.ts
@@ -1,6 +1,5 @@
 import { YouTube } from '@astro-community/astro-embed-youtube';
 
-import DownloadLink from './components/DownloadLink.astro';
 import EmailLink from './components/EmailLink.astro';
 import Image from './components/Image.astro';
 import MarkdownImage from './components/MarkdownImage.astro';
@@ -19,6 +18,7 @@ import {
 	ColorSwatch,
 	DisplayBox,
 	Divider,
+	DownloadLink,
 	Figure,
 	Flag,
 	Headline,
diff --git a/src/pages/cv.astro b/src/pages/cv.astro
index 67b55c1..e2b1f59 100644
--- a/src/pages/cv.astro
+++ b/src/pages/cv.astro
@@ -3,10 +3,10 @@ import { animation, animationDelay } from '../data/site';
 
 import GridLayout from '../layouts/GridLayout.astro';
 import PageTitle from '../components/PageTitle.astro';
-import DownloadLink from '../components/DownloadLink.astro';
 import EmailLink from '../components/EmailLink.astro';
 import {
 	Divider,
+	DownloadLink,
 	Headline,
 	ListItem,
 	Subheadline,