Jump to content
Sign in to follow this  

[Release] Social icons + css ready to use

Recommended Posts

as the title sais i'm going to release a ready to use CSS for social icons i was searching for this kind of files and couldn't find a decent one so i had to create them myself, there we go first of all you'll need this 2 images 

save this one as images/social.png


and this one images/social_hover.png


now the CSS part copy and paste this bin http://pastebin.com/tSGiamx5 and name it icns.css now go to your main .css file and paste this @import 'icns.css' 

Now they are ready to use but first a bit of explanation

<a href="your facebook link" class="social_icon facebook_32x32"></a>

or you can use the direct link

<a href="your facebook link" class="facebook_32x32"></a>

.social_icon class is positioning the icon you can edit to fit your needs as it is it will put the icons in line due to the display:inline-block
here is a list with all icon classes


NOTE this is a free release and only contain the 32x32 pixels icons if you want a full release with 16x16,24x24,32x32,56x56 contact me and will talk about the price

  • Upvote 1

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Create New...