20 Free Social Login and Bookmark Buttons Source Files

A popular trend knowadays is for websites and services to use integrated social networking logins to rapidly reduce the time it would take a typical user to signup (no more filling in forms and remembering another password). Not only do social logins aid the user, they also greatly benefit websites and services, allowing them to increase the volume of signups and improve their service based on the information that has been shared by the social network. Socialising really is everywhere.

Facebook, Twitter, Linkedin and Google are by far and away the most popular services to offer this authentication technique. But, straight out of the box, the social login buttons they all offer are, to be frank, pretty boring and in all probabilty may not fit in with the uniformity of your site.
That is were this short post comes in. Below you will find the source files of 20 beautifully designed replacement social login buttons, covering all of the popular social services and coming in either psd or png formats (there are also some CSS buttons).

Twitter & Facebook Connect Buttons (.psd)

Twitter & Facebook Connect ButtonsDownload Page →

Social Sign in Buttons (.psd)

Social Sign in ButtonsDownload Page →

Social Media Buttons – Dark Theme (.psd)

Social Media Buttons – Dark ThemeDownload Page →

Social Buttons v 1.0 (.png)

Social Buttons v 1.0Download Page →

Social Logins (.psd)

Social LoginsDownload Page →

Sign in with Twitter, Facebook, OpenID & LinkedIn (.png)

Sign in with Twitter, Facebook, OpenID & LinkedInDownload Page →

Five Login Buttons (.psd)

Five Login ButtonsDownload Page →

Sign in Buttons (.psd)

Sign in ButtonsDownload Page →

CSS Social Sign-in Buttons

CSS Social Sign-in ButtonsDownload Page →

Glossy Social Buttons (.png)

Glossy Social ButtonsDownload Page →

Vibrant Twitter Follow Buttons (.psd)

Vibrant Twitter Follow ButtonsDownload Page →

Social Media Bookmark Icons (.png)

Social Media Bookmark IconsDownload Page →

28 Social Media Buttons (.png & .psd)

28 Social Media ButtonsDownload Page →

Softicons (.png & .psd)

SofticonsDownload Page →

Web Social Media Button (.png & .psd)

Web Social Media ButtonDownload Page →

Simple Social Buttons (.psd)

Simple Social ButtonsDownload Page →

Social Media Buttons (.psd)

Social Media ButtonsDownload Page →

Social Icons v1.0 (.psd)

Social Icons v1.0Download Page →

Social Media Buttons Using CSS3

Social Media Buttons Using CSS3Download Page →

(652 Posts)

Paul Andrew

Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter, Facebook or Google+.


  • This is a really nice list mate. Thanks for sharing!

  • csr

    Cool Button…. i like it…

  • dark theme is the best. I installed ‘dark theme’ on my website. thx

  • Deepak

    Great collection, these social icons looks really cool!

  • Nice collection and it’s great because you set .psd files also, thanks and god bless you.

  • nice

  • This is awesome..thank you. Exactly what I was looking for to my applications.