diff --git a/Image/favicon.png b/Image/favicon.png
new file mode 100644
index 0000000..4d248b8
Binary files /dev/null and b/Image/favicon.png differ
diff --git a/Image/logo.png b/Image/logo.png
new file mode 100644
index 0000000..070a230
Binary files /dev/null and b/Image/logo.png differ
diff --git a/index.html b/index.html
index fd8849f..d7a7415 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Restraunt</title>
+    <link rel="shortcut icon" type="image/jpg" href="./Image/favicon.png"/>
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
@@ -30,7 +31,7 @@
               <li><a href="#testimonials">Testimonial</a></li>
               <li><a href="#contact">Contact</a></li>
           </ul>
-          <h1 class="logo">RS</h1>
+          <h1 class="logo"><img src="./Image/logo.png"></h1>
       </div>
   </nav>
     <section class="showcase-area" id="showcase">
diff --git a/style.css b/style.css
index 1d8b92c..79966c7 100644
--- a/style.css
+++ b/style.css
@@ -97,9 +97,9 @@ body {
   transition: color 0.3s ease-in-out;
 }
 
-.logo {
+img {
   order: 1;
-  font-size: 2.3rem;
+  width: 100px;
   margin-bottom: 0.5rem;
 }