design tweaks

src/components/Header.astro

@@ -1,12 +1,15 @@
 ---
+import { Icon } from 'astro-icon/components';
 import type { NavLink } from 'src/types';
 
 const { pathname } = Astro.url;
 
+interface Props {}
+
 const navLinks: NavLink[] = [
-	{ label: '📝 Blog', path: '/' },
-	{ label: '👤 About', path: '/about/' },
-	{ label: '🕐 Now', path: '/now/' },
+	{ label: 'Blog', icon: 'pen', path: '/' },
+	{ label: 'About', icon: 'person', path: '/about/' },
+	{ label: 'Now', icon: 'clock', path: '/now/' },
 ];
 ---
 
@@ -21,6 +24,7 @@ const navLinks: NavLink[] = [
 							class={pathname === link.path ? 'active-nav' : null}
 							href={link.path}
 						>
+							<Icon size={26} name={link.icon} />
 							<span>{link.label}</span>
 						</a>
 					</li>
@@ -76,7 +80,7 @@ const navLinks: NavLink[] = [
 	}
 
 	nav ul li a::before {
-		content: '❯';
+		content: '•';
 		position: absolute;
 		left: -12px;
 		color: var(--blue);