diff --git a/public/images/social/signin/btn_facebook_signin.png b/public/images/social/signin/btn_facebook_signin.png
new file mode 100644
index 000000000000..aa4f62348c48
Binary files /dev/null and b/public/images/social/signin/btn_facebook_signin.png differ
diff --git a/public/images/social/signin/btn_github_signin.png b/public/images/social/signin/btn_github_signin.png
new file mode 100644
index 000000000000..007be18580f4
Binary files /dev/null and b/public/images/social/signin/btn_github_signin.png differ
diff --git a/public/images/social/signin/btn_google_signin_dark_normal_web@2x.png b/public/images/social/signin/btn_google_signin_dark_normal_web@2x.png
new file mode 100644
index 000000000000..f27bb2433042
Binary files /dev/null and b/public/images/social/signin/btn_google_signin_dark_normal_web@2x.png differ
diff --git a/public/images/social/signin/btn_linkedin_signin.png b/public/images/social/signin/btn_linkedin_signin.png
new file mode 100644
index 000000000000..a3faf3b850cf
Binary files /dev/null and b/public/images/social/signin/btn_linkedin_signin.png differ
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 45ce8d7c9860..769109cc2781 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -59,13 +59,17 @@
             <div class="row existing-accounts">
                 <p>{{ trans('texts.login_or_existing') }}</p>
                 @foreach (App\Services\AuthService::$providers as $provider)
-                    <div class="col-md-3 col-xs-6">
-                        <a href="{{ URL::to('auth/' . $provider) }}" class="btn btn-primary btn-lg" title="{{ $provider }}"
+                    <div class="col-md-12">
+                        <a href="{{ URL::to('auth/' . $provider) }}" title="{{ $provider }}"
                            id="{{ strtolower($provider) }}LoginButton">
                             @if($provider == SOCIAL_GITHUB)
-                                <i class="fa fa-github-alt"></i>
-                            @else
-                                <i class="fa fa-{{ strtolower($provider) }}"></i>
+                                <img style="height: 6rem;" src="{{ asset('images/social/signin/btn_github_signin.png') }}">
+                            @elseif($provider == SOCIAL_GOOGLE)
+                                <img style="height: 6rem;" src="{{ asset('images/social/signin/btn_google_signin_dark_normal_web@2x.png') }}">
+                            @elseif($provider == SOCIAL_LINKEDIN)
+                                <img style="height: 6rem;" src="{{ asset('images/social/signin/btn_linkedin_signin.png') }}">
+                            @elseif($provider === SOCIAL_FACEBOOK)
+                                <img style="height: 6rem;" src="{{ asset('images/social/signin/btn_facebook_signin.png') }}">
                             @endif
                         </a>
                     </div>