diff --git a/src/assets/icon.png b/src/assets/icon.png
new file mode 100644
index 0000000..3b59458
Binary files /dev/null and b/src/assets/icon.png differ
diff --git a/src/components/navbar/Navbar.jsx b/src/components/navbar/Navbar.jsx
index 104a13b..3cfa11e 100644
--- a/src/components/navbar/Navbar.jsx
+++ b/src/components/navbar/Navbar.jsx
@@ -3,6 +3,7 @@ import { auth } from '../../service/firebase';
 import styles from './Navbar.module.scss';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faUser, faCog, faSignOutAlt } from '@fortawesome/free-solid-svg-icons';
+import logo from '../../assets/icon.png';
 import PropTypes from "prop-types";
 
 const Navbar = ({ user }) => {
@@ -39,6 +40,9 @@ const Navbar = ({ user }) => {
 
   return (
     <div className={styles.navbar}>
+      <div className={styles.logoSection}>
+        <img src={logo} alt="Logo" />
+        </div>
       <div className={styles.profileSection} onClick={toggleDropdown}>
         {user && user.photoURL ? (
           <img src={user.photoURL} alt="Profile" className={styles.profilePic} />
diff --git a/src/components/navbar/Navbar.module.scss b/src/components/navbar/Navbar.module.scss
index 0ae7cfc..7cc7481 100644
--- a/src/components/navbar/Navbar.module.scss
+++ b/src/components/navbar/Navbar.module.scss
@@ -13,6 +13,11 @@
   height: var(--navbar-height);
 }
 
+.logoSection {
+  justify-content: flex-start;
+  align-items: start;
+}
+
 .profileSection {
   position: relative;
   cursor: pointer;