diff --git a/public/icons/logo.ico b/public/icons/logo.ico
new file mode 100644
index 0000000..9f56672
Binary files /dev/null and b/public/icons/logo.ico differ
diff --git a/public/icons/logo.png b/public/icons/logo.png
new file mode 100644
index 0000000..f68b718
Binary files /dev/null and b/public/icons/logo.png differ
diff --git a/public/index.html b/public/index.html
index 18f5986..2f20d12 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,6 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Hangman Lab</title>
+        <link rel="icon" type="image/png" href="./icons/logo.png">
 
     </head>
     <body>
diff --git a/src/components/Navigations/MainNavigation.js b/src/components/Navigations/MainNavigation.js
index 265feae..5c0327c 100644
--- a/src/components/Navigations/MainNavigation.js
+++ b/src/components/Navigations/MainNavigation.js
@@ -10,6 +10,7 @@ const MainNavigation = () => {
         <nav className="navbar is-dark" role="navigation" aria-label="main navigation">
             <div className="navbar-brand">
                 <Link className="navbar-item" to="/">
+                    <img src="/icons/logo.png" alt="Logo" style={{ height: "40px", marginRight: "10px" }} />
                     Home
                 </Link>
                 <a
