diff --git a/icons8-search.svg b/icons8-search.svg
new file mode 100644
index 0000000..e7b4dc2
--- /dev/null
+++ b/icons8-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px"><path d="M 21 3 C 11.621094 3 4 10.621094 4 20 C 4 29.378906 11.621094 37 21 37 C 24.710938 37 28.140625 35.804688 30.9375 33.78125 L 44.09375 46.90625 L 46.90625 44.09375 L 33.90625 31.0625 C 36.460938 28.085938 38 24.222656 38 20 C 38 10.621094 30.378906 3 21 3 Z M 21 5 C 29.296875 5 36 11.703125 36 20 C 36 28.296875 29.296875 35 21 35 C 12.703125 35 6 28.296875 6 20 C 6 11.703125 12.703125 5 21 5 Z"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index c54ccfa..5c04a72 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,7 @@ <h1>WeatherWatch</h1>
         <div class="searchbox">
             <form action="">
             <input type="search" id="inputbox" placeholder="Enter city name to search for" autocomplete="off">
+            <button type="submit" id="searchbtn"><img src="./icons8-search.svg"></button>
             </form>
             <div class="weather-ui"><p class="temp"><br><br></p>
             
diff --git a/styles.css b/styles.css
index 99e78cb..f43aa3e 100644
--- a/styles.css
+++ b/styles.css
@@ -15,6 +15,24 @@ h1{color: white; font-size: 4rem; font-family:  'Montserrat', sans-serif;}
     justify-content: center;
     align-items: center;
 }
+
+#searchbtn{
+    height: 4rem;
+    width: 4rem;
+    position: relative;
+    top:0.65rem;
+    right: 4.25rem;
+    border-top-right-radius: 35px;
+    border-bottom-right-radius: 35px;
+    border: none;
+    background: #585965a0;
+}
+
+#searchbtn img{
+    height: 2.5rem;
+    width: 2.5rem;
+}   
+
 #inputbox
 {
     height: 4rem;