diff --git a/src/components/parts/timeline/Item.astro b/src/components/parts/timeline/Item.astro
index 61ea61ae..6c5abc4e 100644
--- a/src/components/parts/timeline/Item.astro
+++ b/src/components/parts/timeline/Item.astro
@@ -1,5 +1,5 @@
 ---
-import PumpkinIcon from '../../assets/icon/solid/pumpkin.svg?raw';
+import {Icon} from "astro-icon/components"
 
 export interface Props {
 	id: string;
@@ -9,14 +9,11 @@ export interface Props {
 
 const { id, title, icon } = Astro.props as Props;
 
-const customIcons: Record<string, string> = {
-	'pumpkin': PumpkinIcon,
-}
 ---
 
 <div class="timeline-item">
 	<div class="timeline-marker is-icon is-dark">
-		{icon.startsWith('custom:') ? (<div style="min-width: 1.25em; padding-top: 0.4em; display:inline-block;"><Fragment set:html={customIcons[icon.substring('custom:'.length)]} /></div>) : (<i class={icon} />)}
+		{icon.startsWith('custom:') ? (<div style="min-width: 1.25em; padding-top: 0.4em; display:inline-block;"><Icon name="pumpkin" /></div>) : (<i class={icon} />)}
 	</div>
 
 	<div class="timeline-content">