diff --git a/packages/Webkul/SocialLogin/publishable/assets/css/social-login.css b/packages/Webkul/SocialLogin/publishable/assets/css/social-login.css
index 5b293c781..bff5261bc 100644
--- a/packages/Webkul/SocialLogin/publishable/assets/css/social-login.css
+++ b/packages/Webkul/SocialLogin/publishable/assets/css/social-login.css
@@ -1 +1 @@
-.social-login-links .icon{width:18px;height:18px;vertical-align:middle;margin-bottom:3px;margin-right:3px;display:inline-block;background-size:cover}.social-login-links .icon.icon-facebook{background-image:url(../images/facebook.svg)}.social-login-links .icon.icon-twitter{background-image:url(../images/twitter.svg)}.social-login-links .icon.icon-google{background-image:url(../images/google.svg)}.social-login-links .icon.icon-linkedin{background-image:url(../images/linkedin.svg)}.social-login-links .icon.icon-github{background-image:url(../images/github.svg)}.social-login-links .icon.icon-instagram{background-image:url(../images/instagram.svg)}.auth-content .login-form .social-login-links .control-group,.auth-content .social-login-links .control-group{float:left;width:100%;margin-bottom:10px!important}.social-login-links .link{min-width:220px;max-width:100%;margin:0;cursor:pointer;padding:10px 15px;border-radius:3px;color:#fff;text-decoration:none;float:left}.social-login-links .link.facebook-link{background-color:#5272b3}.social-login-links .link.twitter-link{background-color:#0597e6}.social-login-links .link.google-link{background-color:#e45e52}.social-login-links .link.linkedin-link{background-color:#007bb6}.social-login-links .link.github-link{background-color:#24292e}.social-link-seperator{position:relative;border-top:1px solid #d3d3d3;margin:30px 0 25px;display:inline-block;width:100%}.social-link-seperator span{background-color:#fff;position:absolute;left:20px;top:-12px;padding:0 15px;text-align:center}
\ No newline at end of file
+.social-login-links .icon{width:18px;height:18px;vertical-align:middle;margin-bottom:3px;margin-right:3px;display:inline-block;background-size:cover}.social-login-links .icon.icon-facebook-login{background-image:url(../images/facebook-login.svg)}.social-login-links .icon.icon-twitter-login{background-image:url(../images/twitter-login.svg)}.social-login-links .icon.icon-google-login{background-image:url(../images/google-login.svg)}.social-login-links .icon.icon-linkedin-login{background-image:url(../images/linkedin-login.svg)}.social-login-links .icon.icon-github-login{background-image:url(../images/github-login.svg)}.social-login-links .icon.icon-instagram-login{background-image:url(../images/instagram-login.svg)}.auth-content .login-form .social-login-links .control-group,.auth-content .social-login-links .control-group{float:left;width:100%;margin-bottom:10px!important}.social-login-links .link{min-width:220px;max-width:100%;margin:0;cursor:pointer;padding:10px 15px;border-radius:3px;color:#fff;text-decoration:none;float:left}.social-login-links .link.facebook-link{background-color:#5272b3}.social-login-links .link.twitter-link{background-color:#0597e6}.social-login-links .link.google-link{background-color:#e45e52}.social-login-links .link.linkedin-link{background-color:#007bb6}.social-login-links .link.github-link{background-color:#24292e}.social-link-seperator{position:relative;border-top:1px solid #d3d3d3;margin:30px 0 25px;display:inline-block;width:100%}.social-link-seperator span{background-color:#fff;position:absolute;left:20px;top:-12px;padding:0 15px;text-align:center}
\ No newline at end of file
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/facebook.svg b/packages/Webkul/SocialLogin/publishable/assets/images/facebook-login.svg
similarity index 100%
rename from packages/Webkul/SocialLogin/src/Resources/assets/images/facebook.svg
rename to packages/Webkul/SocialLogin/publishable/assets/images/facebook-login.svg
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/github.svg b/packages/Webkul/SocialLogin/publishable/assets/images/github-login.svg
similarity index 100%
rename from packages/Webkul/SocialLogin/src/Resources/assets/images/github.svg
rename to packages/Webkul/SocialLogin/publishable/assets/images/github-login.svg
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/google.svg b/packages/Webkul/SocialLogin/publishable/assets/images/google-login.svg
similarity index 100%
rename from packages/Webkul/SocialLogin/src/Resources/assets/images/google.svg
rename to packages/Webkul/SocialLogin/publishable/assets/images/google-login.svg
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/instagram.svg b/packages/Webkul/SocialLogin/publishable/assets/images/instagram-login.svg
similarity index 100%
rename from packages/Webkul/SocialLogin/src/Resources/assets/images/instagram.svg
rename to packages/Webkul/SocialLogin/publishable/assets/images/instagram-login.svg
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/linkedin.svg b/packages/Webkul/SocialLogin/publishable/assets/images/linkedin-login.svg
similarity index 100%
rename from packages/Webkul/SocialLogin/src/Resources/assets/images/linkedin.svg
rename to packages/Webkul/SocialLogin/publishable/assets/images/linkedin-login.svg
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/twitter.svg b/packages/Webkul/SocialLogin/publishable/assets/images/twitter-login.svg
similarity index 100%
rename from packages/Webkul/SocialLogin/src/Resources/assets/images/twitter.svg
rename to packages/Webkul/SocialLogin/publishable/assets/images/twitter-login.svg
diff --git a/packages/Webkul/SocialLogin/publishable/assets/mix-manifest.json b/packages/Webkul/SocialLogin/publishable/assets/mix-manifest.json
index a75f04943..077a21f9b 100644
--- a/packages/Webkul/SocialLogin/publishable/assets/mix-manifest.json
+++ b/packages/Webkul/SocialLogin/publishable/assets/mix-manifest.json
@@ -1,3 +1,3 @@
 {
-    "/css/social-login.css": "/css/social-login.css?id=5da779505c056aa1ec52"
+    "/css/social-login.css": "/css/social-login.css?id=b307787802e1de00eb1d"
 }
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/facebook-login.svg b/packages/Webkul/SocialLogin/src/Resources/assets/images/facebook-login.svg
new file mode 100644
index 000000000..72b5ecfa2
--- /dev/null
+++ b/packages/Webkul/SocialLogin/src/Resources/assets/images/facebook-login.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 9.05477C18 4.05274 13.9718 0 9 0C4.02823 0 0 4.05274 0 9.05477C0 13.5821 3.26613 17.3428 7.58468 18V11.6836H5.29839V9.05477H7.58468V7.08316C7.58468 4.81947 8.92742 3.54158 10.9597 3.54158C11.9758 3.54158 12.9919 3.72414 12.9919 3.72414V5.95132H11.8669C10.7419 5.95132 10.379 6.64503 10.379 7.37525V9.05477H12.8831L12.4839 11.6836H10.379V18C14.6976 17.3428 18 13.5821 18 9.05477Z" fill="white"/>
+</svg>
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/github-login.svg b/packages/Webkul/SocialLogin/src/Resources/assets/images/github-login.svg
new file mode 100644
index 000000000..2a07790f5
--- /dev/null
+++ b/packages/Webkul/SocialLogin/src/Resources/assets/images/github-login.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.9879 14.4948C5.9879 14.4204 5.91532 14.3461 5.80645 14.3461C5.69758 14.3461 5.625 14.4204 5.625 14.4948C5.625 14.5691 5.69758 14.6434 5.80645 14.6063C5.91532 14.6063 5.9879 14.5691 5.9879 14.4948ZM4.8629 14.3089C4.8629 14.3833 4.93548 14.4948 5.04435 14.4948C5.11694 14.5319 5.22581 14.4948 5.2621 14.4204C5.2621 14.3461 5.22581 14.2718 5.11694 14.2346C5.00806 14.1974 4.89919 14.2346 4.8629 14.3089ZM6.49597 14.2718C6.3871 14.2718 6.31452 14.3461 6.31452 14.4576C6.31452 14.5319 6.42339 14.5691 6.53226 14.5319C6.64113 14.4948 6.71371 14.4576 6.67742 14.3833C6.67742 14.3089 6.56855 14.2346 6.49597 14.2718ZM8.85484 0C3.84677 0 0 3.9396 0 9.06851C0 13.1939 2.50403 16.7247 6.13306 17.9884C6.60484 18.0627 6.75 17.7654 6.75 17.5424C6.75 17.2822 6.75 16.0186 6.75 15.2381C6.75 15.2381 4.20968 15.7956 3.66532 14.1231C3.66532 14.1231 3.26613 13.0453 2.68548 12.7851C2.68548 12.7851 1.85081 12.1905 2.72177 12.1905C2.72177 12.1905 3.62903 12.2648 4.1371 13.1568C4.93548 14.6063 6.24194 14.1974 6.78629 13.9373C6.85887 13.3426 7.07661 12.9338 7.36694 12.6736C5.33468 12.4506 3.26613 12.1533 3.26613 8.58535C3.26613 7.5447 3.55645 7.06155 4.1371 6.39256C4.02823 6.1324 3.7379 5.16608 4.24597 3.86527C4.97177 3.64227 6.75 4.86875 6.75 4.86875C7.47581 4.64575 8.2379 4.57142 9 4.57142C9.79839 4.57142 10.5605 4.64575 11.2863 4.86875C11.2863 4.86875 13.0282 3.60511 13.7903 3.86527C14.2984 5.16608 13.9718 6.1324 13.8992 6.39256C14.4798 7.06155 14.8427 7.5447 14.8427 8.58535C14.8427 12.1533 12.7016 12.4506 10.6694 12.6736C10.996 12.9709 11.2863 13.5284 11.2863 14.4204C11.2863 15.6469 11.25 17.2079 11.25 17.5052C11.25 17.7654 11.4315 18.0627 11.9032 17.9512C15.5323 16.7247 18 13.1939 18 9.06851C18 3.9396 13.8992 0 8.85484 0ZM3.52016 12.8223C3.44758 12.8594 3.48387 12.9709 3.52016 13.0453C3.59274 13.0824 3.66532 13.1196 3.7379 13.0824C3.77419 13.0453 3.77419 12.9338 3.70161 12.8594C3.62903 12.8223 3.55645 12.7851 3.52016 12.8223ZM3.12097 12.525C3.08468 12.5993 3.12097 12.6365 3.19355 12.6736C3.26613 12.7108 3.33871 12.7108 3.375 12.6365C3.375 12.5993 3.33871 12.5621 3.26613 12.525C3.19355 12.4878 3.15726 12.4878 3.12097 12.525ZM4.28226 13.8629C4.24597 13.9001 4.24597 14.0116 4.35484 14.0859C4.42742 14.1603 4.53629 14.1974 4.57258 14.1231C4.60887 14.0859 4.60887 13.9744 4.53629 13.9001C4.46371 13.8258 4.35484 13.7886 4.28226 13.8629ZM3.88306 13.3054C3.81048 13.3426 3.81048 13.4541 3.88306 13.5284C3.95565 13.6028 4.02823 13.6399 4.10081 13.6028C4.1371 13.5656 4.1371 13.4541 4.10081 13.3798C4.02823 13.3054 3.95565 13.2683 3.88306 13.3054Z" fill="white"/>
+</svg>
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/google-login.svg b/packages/Webkul/SocialLogin/src/Resources/assets/images/google-login.svg
new file mode 100644
index 000000000..e8b58b638
--- /dev/null
+++ b/packages/Webkul/SocialLogin/src/Resources/assets/images/google-login.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18ZM14.9099 8.20562C14.9561 8.50041 15 8.77964 15 9.14516C15 12.5806 12.6148 15 9.09836 15C5.70492 15 3 12.3387 3 9C3 5.68548 5.70492 3 9.09836 3C10.7213 3 12.123 3.60484 13.1803 4.57258L11.5082 6.14516C9.34426 4.08871 5.31148 5.6371 5.31148 9C5.31148 11.1048 7.0082 12.7984 9.09836 12.7984C11.5082 12.7984 12.418 11.1048 12.541 10.2097H9.09836V8.15323H14.9016C14.9044 8.17076 14.9071 8.18821 14.9099 8.20562Z" fill="white"/>
+</svg>
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/instagram-login.svg b/packages/Webkul/SocialLogin/src/Resources/assets/images/instagram-login.svg
new file mode 100644
index 000000000..13e37b9af
--- /dev/null
+++ b/packages/Webkul/SocialLogin/src/Resources/assets/images/instagram-login.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18ZM13.9955 4.00447C14.692 4.70089 14.9062 5.55804 14.9598 6.52233C15.0134 7.5134 15.0134 10.4866 14.9598 11.4777C14.9062 12.442 14.692 13.2723 13.9955 13.9955C13.2991 14.692 12.442 14.9063 11.4777 14.9598C10.4866 15.0134 7.51339 15.0134 6.52232 14.9598C5.55804 14.9063 4.72768 14.692 4.00446 13.9955C3.30804 13.2723 3.09375 12.442 3.04018 11.4777C2.98661 10.4866 2.98661 7.5134 3.04018 6.52233C3.09375 5.55804 3.30804 4.70089 4.00446 4.00447C4.72768 3.30804 5.55804 3.09375 6.52232 3.04018C7.51339 2.98661 10.4866 2.98661 11.4777 3.04018C12.442 3.09375 13.2991 3.30804 13.9955 4.00447ZM12.8911 5.82322C12.8911 5.42143 12.5696 5.10001 12.1679 5.10001C11.7661 5.10001 11.4446 5.42143 11.4446 5.82322C11.4446 6.22501 11.7661 6.54643 12.1679 6.54643C12.5696 6.54643 12.8911 6.22501 12.8911 5.82322ZM8.98036 5.93036C7.26607 5.93036 5.9 7.32322 5.9 9.01072C5.9 10.725 7.26607 12.0911 8.98036 12.0911C10.6679 12.0911 12.0607 10.725 12.0607 9.01072C12.0607 7.32322 10.6679 5.93036 8.98036 5.93036ZM7 8.98658C7 10.1141 7.91275 11 9.01342 11C10.1141 11 11 10.1141 11 8.98658C11 7.88591 10.1141 7 9.01342 7C7.88591 7 7 7.88591 7 8.98658Z" fill="white"/>
+</svg>
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/linkedin-login.svg b/packages/Webkul/SocialLogin/src/Resources/assets/images/linkedin-login.svg
new file mode 100644
index 000000000..521b633c3
--- /dev/null
+++ b/packages/Webkul/SocialLogin/src/Resources/assets/images/linkedin-login.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18ZM4.15625 7.34375V14H6.21875V7.34375H4.15625ZM3.96875 5.21875C3.96875 5.875 4.5 6.40625 5.1875 6.40625C5.84375 6.40625 6.375 5.875 6.375 5.21875C6.375 4.5625 5.84375 4 5.1875 4C4.5 4 3.96875 4.5625 3.96875 5.21875ZM11.9062 14H14V10.3438C14 8.5625 13.5938 7.15625 11.5 7.15625C10.5 7.15625 9.8125 7.71875 9.53125 8.25H9.5V7.34375H7.53125V14H9.59375V10.7188C9.59375 9.84375 9.75 9 10.8438 9C11.9062 9 11.9062 10 11.9062 10.75V14Z" fill="white"/>
+</svg>
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/images/twitter-login.svg b/packages/Webkul/SocialLogin/src/Resources/assets/images/twitter-login.svg
new file mode 100644
index 000000000..780e40118
--- /dev/null
+++ b/packages/Webkul/SocialLogin/src/Resources/assets/images/twitter-login.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18ZM16 5.2988C15.6164 5.85542 15.1233 6.33253 14.5753 6.73012V7.1012C14.5753 10.7855 11.6986 15 6.41096 15C4.76712 15 3.26027 14.5494 2 13.7542C2.21918 13.7807 2.43836 13.8072 2.68493 13.8072C4.0274 13.8072 5.26027 13.3566 6.24658 12.6145C4.9863 12.588 3.91781 11.7928 3.56164 10.6795C3.58322 10.6825 3.60445 10.6855 3.6254 10.6884C3.79076 10.7117 3.93938 10.7325 4.10959 10.7325C4.35616 10.7325 4.63014 10.6795 4.84932 10.6265C3.53425 10.3614 2.54795 9.24819 2.54795 7.89639V7.86988C2.93151 8.08193 3.39726 8.18795 3.86301 8.21446C3.06849 7.71084 2.57534 6.86265 2.57534 5.90843C2.57534 5.37831 2.71233 4.9012 2.9589 4.50361C4.38356 6.17349 6.52055 7.28675 8.90411 7.41928C8.84931 7.20723 8.82192 6.99518 8.82192 6.78313C8.82192 5.24578 10.1096 4 11.6986 4C12.5205 4 13.2603 4.31807 13.8082 4.8747C14.4384 4.74217 15.0685 4.50361 15.6164 4.18554C15.3973 4.84819 14.9589 5.37831 14.3562 5.72289C14.9315 5.66988 15.5068 5.51084 16 5.2988Z" fill="white"/>
+</svg>
diff --git a/packages/Webkul/SocialLogin/src/Resources/assets/sass/icons.scss b/packages/Webkul/SocialLogin/src/Resources/assets/sass/icons.scss
index 86ca04859..8f8d1cf98 100644
--- a/packages/Webkul/SocialLogin/src/Resources/assets/sass/icons.scss
+++ b/packages/Webkul/SocialLogin/src/Resources/assets/sass/icons.scss
@@ -8,28 +8,28 @@
         display: inline-block;
         background-size: cover;
 
-        &.icon-facebook {
-            background-image: url("../images/facebook.svg");
+        &.icon-facebook-login {
+            background-image: url("../images/facebook-login.svg");
         }
 
-        &.icon-twitter {
-            background-image: url("../images/twitter.svg");
+        &.icon-twitter-login {
+            background-image: url("../images/twitter-login.svg");
         }
 
-        &.icon-google {
-            background-image: url("../images/google.svg");
+        &.icon-google-login {
+            background-image: url("../images/google-login.svg");
         }
 
-        &.icon-linkedin {
-            background-image: url("../images/linkedin.svg");
+        &.icon-linkedin-login {
+            background-image: url("../images/linkedin-login.svg");
         }
 
-        &.icon-github {
-            background-image: url("../images/github.svg");
+        &.icon-github-login {
+            background-image: url("../images/github-login.svg");
         }
 
-        &.icon-instagram {
-            background-image: url("../images/instagram.svg");
+        &.icon-instagram-login {
+            background-image: url("../images/instagram-login.svg");
         }
     }
 }
\ No newline at end of file
diff --git a/packages/Webkul/SocialLogin/src/Resources/views/shop/customers/session/social-links.blade.php b/packages/Webkul/SocialLogin/src/Resources/views/shop/customers/session/social-links.blade.php
index c9de64888..2dcb0e6b0 100644
--- a/packages/Webkul/SocialLogin/src/Resources/views/shop/customers/session/social-links.blade.php
+++ b/packages/Webkul/SocialLogin/src/Resources/views/shop/customers/session/social-links.blade.php
@@ -12,7 +12,7 @@
     @if (core()->getConfigData('customer.settings.social_login.enable_facebook'))
         <div class="control-group">
             <a href="{{ route('customer.social-login.index', 'facebook') }}" class="link facebook-link">
-                <span class="icon icon-facebook"></span>
+                <span class="icon icon-facebook-login"></span>
                 {{ __('sociallogin::app.shop.customer.login-form.continue-with-facebook') }}
             </a>
         </div>
@@ -21,7 +21,7 @@
     @if (core()->getConfigData('customer.settings.social_login.enable_twitter'))
         <div class="control-group">
             <a href="{{ route('customer.social-login.index', 'twitter') }}" class="link twitter-link">
-                <span class="icon icon-twitter"></span>
+                <span class="icon icon-twitter-login"></span>
                 {{ __('sociallogin::app.shop.customer.login-form.continue-with-twitter') }}
             </a>
         </div>
@@ -30,7 +30,7 @@
     @if (core()->getConfigData('customer.settings.social_login.enable_google'))
         <div class="control-group">
             <a href="{{ route('customer.social-login.index', 'google') }}" class="link google-link">
-                <span class="icon icon-google"></span>
+                <span class="icon icon-google-login"></span>
                 {{ __('sociallogin::app.shop.customer.login-form.continue-with-google') }}
             </a>
         </div>
@@ -39,7 +39,7 @@
     @if (core()->getConfigData('customer.settings.social_login.enable_linkedin'))
         <div class="control-group">
             <a href="{{ route('customer.social-login.index', 'linkedin') }}" class="link linkedin-link">
-                <span class="icon icon-linkedin"></span>
+                <span class="icon icon-linkedin-login"></span>
                 {{ __('sociallogin::app.shop.customer.login-form.continue-with-linkedin') }}
             </a>
         </div>
@@ -48,7 +48,7 @@
     @if (core()->getConfigData('customer.settings.social_login.enable_github'))
         <div class="control-group">
             <a href="{{ route('customer.social-login.index', 'github') }}" class="link github-link">
-                <span class="icon icon-github"></span>
+                <span class="icon icon-github-login"></span>
                 {{ __('sociallogin::app.shop.customer.login-form.continue-with-github') }}
             </a>
         </div>