background preloader

40 Sets of Free Social Media Icons

40 Sets of Free Social Media Icons
This post was originally published a few years ago. Some of the icon sets showcased in the original post are no longer online, so we’ve updated the post by removing the dead links and outdated icon sets. We’ve added many new icon sets as new social media sites are always popping up and many of the older sets didn’t include icons for sites like Pinterest that are now very popular. Design trends also change over time, and we’ve added links to a number of sets that use a trendy flat style of design. Designers love free icon sets. Fortunately, there are a number of free sets of quality social media icons. Cute Social Media Icons Shaded Social Media Icons Polygon Social Media Icons Simple Flat Social Media Icons 15 Social Media Icons Circle Icons Pack Flat Social Icons Free Social Media Icons Socializic Long Shadow Social Media Icons Flat Style Social Media Icons Free Dark Social Media Icons Stained and Faded Social Media Icons Stained and Faded Social Media Icons Vol. 2 Social Media Sleek Icons SocialMate Related:  Buttons / iconsGrafika

Arrow Navigation Styles Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects. View demo Download source Today we’d like to share some inspiration for arrow navigation styles with you. There are so many creative ways of showing those little elements that are an essential part of many websites nowadays. These effects are for your inspiration. The images used in the demo are by Joanna Kustra, Idleformat and Andrey Yakovlev & Lili Aleeva. One of the effects, the Slit effect, is inspired by the cool effect from Jam3’s work navigation. An example for one of the style is the following: The arrows are SVGs which we include using the technique described by Oleg Solomka in his article SVG Icons FTW. The CSS is the following for this example: Note that we have some common styles that will center the navigation anchor in the container. Here are a couple of the styles: We hope you enjoyed these styles and find them inspiring!

Best Free Social Media Icons Buttons Social media icons play such a huge role in driving traffic to your blog or website. Over the past several months many other blogs have compiled their list of website, social media, Twitter and other icons, so in case you missed them here is the motherload collection! They have really become a “must have” feature. This large collection of recently released icon sets is supposed to help designers improve their designs on their web sites and in web applications. Free Social Media Line Icon Set Social media line icon set is our second free give away line icons set, you can see the previous version of line icons here. Grab a copy of this beautiful icons form below link, the source file is in PSD format. Free Social Media Icons PSD Adding social media icons designed in this beautiful simple icon set, you will ensure that users who flock to your website will have ample opportunity to share it with the rest of the world or with themselves. Ultra Thin Free Social Media Icons Free Social Icon Set

Free Ribbon Social Iconset (18 icons) | DesignBolts Follow us Advertisement Artist:DesignBoltsIconset Homepage: Linkware (Backlink to required)Commercial usage: Allowed Icons contained in set (18 icons) Free Icons Set designed by Brankic1979 - Free psd Brankic1979 About icons A set of 350 pixel perfect glyphs icons, perfect for apps, websites or just about anything you can think of. You may use this icon set for both personal and commercial use, which means this resource can be used in any project without worrying about licensing. But you may NOT distribute our icon set elsewhere without our consent. Some basics We do the best to provide high-quality source of PSDs that are free for both personal and commercial use. Spread the word Download! 35 Best Free Social Media Icons Set for 2014 Social media icons have now evolved to be the foremost important elements in a blog/website. A blogger cannot imagine expanding his viewership without having displayed social media icons on his blog. Bloggers are eyeballing at the ways to lift up the audiences’ circle. They want to keep the attention of the people locked to their platforms so they would come back over and over again to the website/blog. The place where social media icons can usually be put is either on the sidebar, on the top header or on the footer of the website where it’s more fitting so people would notice them. The social media icons should be vocal, pleasing, eye grabbing, enticing, fulfilling and of course fascinating enough to be ticked by the viewer. Social media icons are the straight forward and convenient way to catch more and more onlookers to the platform of a website/blog. Social media icons are the nitty-gritties of the blog so they must be made aptly. Social Media Icons contain the following collection:

Social Media Icons — Paul Robert Lloyd I’ve often found myself requiring icons when linking to or referencing different social networks I’m a member of. Whilst there are a lot of icon sets available that can help me do this, most seem to be oversized and highly stylised. In the past I’ve used site favicons, but these can often be visually inconsistent. With that in mind, and taking inspiration from the gorgeous icons used by Tim van Damme on his address card site, and the Social Media Mini Iconpack by Komodo media, I’ve created a selection of different icons each available in four different sizes (48×48, 32×32, 24×24 and 16×16). Download Social Media Icons – Version 1.10, 3.8MB Licensed under a Creative Commons Attribution-Share Alike 3.0 Licence. Included Icons Support Please provide any feedback or suggestions by submitting a new issue on GitHub. Release Notes

ySocial jQuery plugin | Class.PM ClassySocial is a jQuery plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button. Currently supports Facebook, Twitter, GitHub, Dribbble, Socl, Youtube, Vimeo, Google Plus, Pinterest, LinkedIn, Instagram and e-mail. Allow your users to see your presence on 11 of the most popular networks instantly with no need for a knowledge of coding! Instructions First you need to include the jQuery library, since ClassySocial is a plugin. Secondly, you need to include the jQuery ClassySocial javascript and the CSS file, which you can do it by adding the code below to your page. Next, you implement the structure on which you want to trigger the plugin. As the last step, you trigger the plugin on the element you just created. $(".classysocial").each(function() { new ClassySocial(this); }); Options Demo Versions

The 61 best iPhone apps for designers | Apple We have selected the very best iPhone apps that you can download to Apple's smartphone right now. Despite some strong competition from free Android apps, the iPhone continues to be the main smartphone of choice for the design world. It's not just the best iPad apps that can be of practical use to designers; Apple's pocket-sized marvel can be a pretty handy design tool too. So whether you plan to do some sketching on the move, are after a particular tool to aid your daily design work, or prefer to take things more seriously with something to help you manage your projects, time and money, you don't have to know how to build an app - there's a great selection of must-have apps right here. 01. Developer: Price: $4.99/£2.99 Built on the feedback of mobile artists, Layers is a natural media painting application for the iPhone and iPod Touch. 02. Picerty is an app that allows the creation of beautiful compositions from photos taken with your iPhone. 03. 04. 05. 06. 07. 08. 3DMark 09.

Free Hand Stitch Social Iconset (40 icons) | DesignBolts Follow us Advertisement Artist:DesignBoltsIconset Homepage: Linkware (Backlink to required)Commercial usage: Allowed Icons contained in set (40 icons) Creative Button Styles Some creative and modern button styles and effects for your inspiration. View demo Download source Today we would like to give you some button inspiration. The icons, which we add using the :before (and sometimes :after) pseudo-class, are from IcoMoon and we’ve created them with the IcoMoon app. Please note: this only works as intended in browsers that support the respective CSS properties. The markup of a button is really simple. <button class="btn btn-6 btn-6d">Button</button> The common styles for all the buttons are some resets defined in .btn and we use the specific numbered classes for the different sets of styles. An example for a specific button style is the following: Which will of course depend on what we define as a common style in .btn and .btn-6. This class structure is used for demo purposes. I hope you enjoy the styles and find them inspiring!