diff --git a/frontend/src/components/Task/TaskItem.jsx b/frontend/src/components/Task/TaskItem.jsx
index 40758aa9..b2ab4288 100644
--- a/frontend/src/components/Task/TaskItem.jsx
+++ b/frontend/src/components/Task/TaskItem.jsx
@@ -1,4 +1,4 @@
-import { Check, Trash2, Pencil, Calendar, Play } from "lucide-react";
+import { Check, Trash2, Pencil, Calendar, Play, Link2 } from "lucide-react";
 import { useState } from "react";
 import TaskFormModal from "./TaskFormModal";
 import { getCategoryColor } from "../../utils/categoryUtils";
@@ -104,7 +104,7 @@ export default function TaskItem({
 
               {task.dependsOn && (
                 <div className="text-[11px] text-muted flex items-center gap-1 mt-1 bg-white/40 dark:bg-slate-800/40 px-2 py-1 rounded border border-soft/30">
-                  <span className="shrink-0 text-amber-500">🔗</span>
+                  <span className="shrink-0 text-amber-500"><Link2 size={12} /></span>
                   <span className="truncate" title={task.dependsOn.title}>
                     Depends on: {task.dependsOn.title}
                   </span>
@@ -225,8 +225,9 @@ export default function TaskItem({
               </div>
 
               {task.dependsOn && (
-  <p className="text-xs text-muted mt-1">
-    🔗 Depends on: {task.dependsOn.title}
+  <p className="text-xs text-muted mt-1 flex items-center gap-1">
+    <Link2 size={11} className="shrink-0 text-amber-500" />
+    Depends on: {task.dependsOn.title}
   </p>
 )}
 
diff --git a/frontend/src/pages/LandingPage.jsx b/frontend/src/pages/LandingPage.jsx
index 4fe26731..1d5bc326 100644
--- a/frontend/src/pages/LandingPage.jsx
+++ b/frontend/src/pages/LandingPage.jsx
@@ -1,4 +1,5 @@
 import { Link } from "react-router-dom";
+import { Clipboard, CalendarDays, BarChart2 } from "lucide-react";
 
 const LandingPage = () => {
   return (
@@ -66,8 +67,8 @@ const LandingPage = () => {
       shadow-lg hover:shadow-2xl
     "
           >
-            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition">
-              📋
+            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center mb-6 group-hover:scale-110 transition">
+              <Clipboard size={24} className="text-[#4eb7b3]" />
             </div>
 
             <h3 className="text-xl font-bold text-slate-800 dark:text-white mb-3">
@@ -95,8 +96,8 @@ const LandingPage = () => {
       shadow-lg hover:shadow-2xl
     "
           >
-            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition">
-              🗓️
+            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center mb-6 group-hover:scale-110 transition">
+              <CalendarDays size={24} className="text-[#4eb7b3]" />
             </div>
 
             <h3 className="text-xl font-bold text-slate-800 dark:text-white mb-3">
@@ -124,8 +125,8 @@ const LandingPage = () => {
       shadow-lg hover:shadow-2xl
     "
           >
-            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition">
-              📊
+            <div className="w-14 h-14 rounded-2xl bg-[#d0f6e3] flex items-center justify-center mb-6 group-hover:scale-110 transition">
+              <BarChart2 size={24} className="text-[#4eb7b3]" />
             </div>
 
             <h3 className="text-xl font-bold text-slate-800 dark:text-white mb-3">