diff --git a/Css-files/signup1.css b/Css-files/signup1.css
index 4c48a878..f5432e81 100644
--- a/Css-files/signup1.css
+++ b/Css-files/signup1.css
@@ -228,6 +228,13 @@ body * {
   align-items: flex-start;
   justify-content: center;
   margin: 10px 0px;
+  position: relative;
+}
+.icon1{
+  position: absolute;
+  top:calc(55%);
+  left:80.5%;
+  font-size: 25px;
 }
 
 .textfield > input {
diff --git a/Html-files/scriptsignup.js b/Html-files/scriptsignup.js
index f9d3042b..5781b7f7 100644
--- a/Html-files/scriptsignup.js
+++ b/Html-files/scriptsignup.js
@@ -92,3 +92,4 @@ function validateEmail(email) {
   const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   return re.test(email);
 }
+
diff --git a/Html-files/signup.html b/Html-files/signup.html
index 20ffea69..2ee5b9e1 100644
--- a/Html-files/signup.html
+++ b/Html-files/signup.html
@@ -43,6 +43,8 @@ <h1>SIGN UP</h1>
     <title>Sign up</title>
     <script src="scriptsignup.js" defer type="module"></script>
     <link rel="stylesheet" href="../Css-files/signup1.css">
+    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
 <body>
     <div class="main-login">
@@ -65,6 +67,9 @@ <h1>SIGN UP</h1>
               <div class="textfield">
                 <label for="password">Password</label>
                 <input type="password" id="password" name="password" placeholder="Enter Password" required>
+                <span id="signup-hide">
+                  <i class='icon1 bx bxs-hide'></i>
+                </span>
               </div>
               <button type="submit" class="btn-login">Register</button>
             </form>
@@ -73,4 +78,22 @@ <h1>SIGN UP</h1>
         </div>
       </div>
 </body>
+<script>
+  const pswinput=document.getElementById('password');
+  const toggle=document.getElementById('signup-hide');
+  toggle.addEventListener("click",function()
+  {
+    const pswfield=this.querySelector('i');
+    if(pswinput.getAttribute("type")=="password")
+    {
+      pswinput.setAttribute('type','text');
+      pswfield.classList.replace("bxs-hide","bxs-show");
+    }
+    else
+    {
+      pswinput.setAttribute('type','password');
+      pswfield.classList.replace("bxs-show","bxs-hide");
+    }
+  });
+</script>
 </html>
