Design & UX
Article

14 Hand-Picked, Free Social Icon Packs

By Ada Ivanoff

Social Icons

Of the thousands of icons you can find online, social network icons would have to be among the most numerous.

This is hardly surprising, considering the amount of time people dedicate to social sites and the rewards they offer when your users share your content to these networks. Because of this, you can only benefit, if you add social icons on your site or on the sites you design for clients.

In the previous article in the series, I focused entirely on flat icons. However I found so many attractive 'non-flat' social icons I decided to broaden my criteria with this piece.

There is also no doubt that vector icons are more useful because of all the flexibility they offer – and the rise of SVG adoption – and I set out to avoid raster icons all together. Again, I felt this would have been unfair as it would have excluded some of the finest examples in the category. And raster icons are still widely in use and this will hardly change in the near future.

And now, here is my shortlist of hand-picked free social icons:

1. Free Social PNG Buttons

I feel a little guilty starting the list with a raster icon set but these free social PNG buttons are so pretty that they deserve the first place. The set includes 20 png icons of the popular social (and some other) sites, such as Facebook, Google, Google Plus, Gowalla, Vimeo, YouTube, etc. The buttons are free to use in both personal and commercial projects and they do not require attribution.

Social - 01 - social-buttons

2. Circle Social Icons

This is another free raster pack of social icons. What makes them special is that they are circle social icons and that there are 270+ icons in the pack. The icons come in multiple sizes, such as 512×512, 256×256, 128×128, 64×64, and 48×48. For just $5 you can download the PSD files, which gives you more options to modify the icons as you need.

In addition to icons for the really popular social sites, such as Facebook, Pinterest, Google Plus, etc., here you will find icons of many social sites you might have not even heard about.

Social - 02 - circle_icons_pack

3. 85 Flat Minimalistic Vector Social Icons

Finally we get to a quality vector pack of social icons for you to enjoy.

This pack contains 85 flat minimalistic icons in vector and png format. To be precise, there are 340 icons because each of the 85 original ones comes in 4 styles – square, knock-out square, circle, and knock-out circle. The pack has been recently updated, so it contains icons of all the social sites that are popular right now.

Social - 03 - icons_by_lee_gargano-

4. 3D Vector Social Icons

Here is one more vector icon pack but this time it's a 3D vector pack. The icons are really nice but unlike some of the other packs that come with hundreds of icons, this one has only 10 icons – of the really important social sites only. In addition to the AI files that give you freedom to tweak the icons as you like, the pack contains a 256×256 PNG version as well you can use right away.

Social - 04 - 14-01_vector_3d_icons

5. Black and White Flat Social Icons

Most of the packs so far were colorful ones but if you don't need all these colors, here is a black and white pack of flat social icons. The icons are very basic with no frills but there are 700+ of them. Each of the popular social sites has multiple icon variations. Additionally, since it's a vector pack (in SVG and EPS formats), you can not only add color, gradients, or any other effect to the icons but you can also add more detail, if necessary.

Social - 05 - Social Icons

6. 15 Colorful Flat Vector Social Icons

Let's continue with some more flat icons. This pack contains only 15 icons but they have some cool effects, such as long shadows (very typical for flat design) you can't find elsewhere. The icons might not be numerous but they cover the essential social sites. What is more, on the same page there are 35 more flat social icons. The icons are free to download and use but in order to get the download link subscription required .

Social - 06 - free-social-icons-w800

7. Circle Vector Social Icons

In case you need more circle social vector icons, you might want to check this pack. The pack is a little more dated than the others and it contains some icons that are not as popular now (such as Digg) and lacks icons of newcomers such as Pinterest.

Regardless, I think these icons are so crisp and versatile that it would be worth creating any extra icons you might need. There are only 12 icons in the pack but they are nice and clean ones. There is a free and paid version, so you'd better check what's included in each one before you proceed to download and use.

Social - 07 - ic_circle_social_icon_set-w800

8. Flat Vintage Social Media Icons

Social media might be a newer concept but if you are looking for a more vintage aesthetic, then you will probably appreciate this pack of flat vintage social media icons. There are 32 icons of the most popular social sites, such as Behance, Blogger, Pinterest, Instagram, Facebook, WordPress, etc. in ICO, ICNS, and PNG formats in multiple sizes.

Social - 08 - flat_vintage_social_media_icons_by_limav-d77o4gn-w800

9. Glossy Social Media Vector Icons

Here are some more vector icons for you to enjoy. This pack of glossy social icons contains just the basic icons of services, such as Facebook, Twitter, Google Plus, YouTube, or Pinterest but each icon comes with a lot of detail. As for shape, they are rounded squares.

Social - 09 - glossy-social-media-icons-vector-set_659063-w800

10. Sleek Social Icons

This set of sleek social icons is really beautiful but unfortunately it doesn't come in a vector format. There are 25 icons in 32×32 and 16×16 size, which might work in many cases but if you want to enlarge and/or modify the icons, without the source files you won't be able to do a lot. Nevertheless, if you are comfortable with the limitations, this icon set is a really beautiful one and you will probably find how to put it to good use.

Social - 10 - Sleek Icons-w800

11. Modern Social Media Icons – Round Corners, Square, Circle

This pack of modern social media icons contains 28 icons, most of which can be found in other packs as well but there are some icons of sites that are not so easy to find elsewhere. The icons come in ICO and PNG formats. What's special about this pack is that in addition to the version with round corners, the same icons are available as squares and circles.

Note: These icons are free for non-commercial use only.

Social - 11 - Square Icons-w800

Social - 11 - Circle Icons-

12. 110 Vector Icons

While I do appreciate a good raster pack, vectors are vectors and they have many advantages. This is why I appreciate even more a good vector pack, especially when it has 100+ icons one can use for free in both personal and commercial projects, as is the case with this vector pack. With its 110 icons, chances are you will find what you need, even if it isn't a major social site. The icons are clean and bright and since they are vectors, you can edit them as you need.

Social - 12 - free_social_media_icons_by_czarny_design--w800

13. 80 Free Vector Polygon Social Media Icons

Some of the previous icon sets contained circle, square, rounded corner square and what not other shapes but this one comes with polygon icons. To be precise, the same icons are available as rounded squares as well but since we already have these, I'd emphasize the polygon shape.

As you might expect with a pack of 80 icons, almost any popular and not so popular social site can be found inside.

Social - 13 - free_vector_polygon_social_media_icons_by_lunarpixel-

14. Google Product Icons

The last item on this list is a little different because this doesn’t represent a series of social sites. Rather, this is a pack of icons of various Google products, some of which are social but most of them aren't.

To be honest, I haven't even heard of a dozen or so of the Google products listed here, but the doesn't necessarily mean these aren't popular services with millions of users. Whatever the case, if you need a Google product icon, you’ll find it here.

Social - 14 - Google Products-

The icons are very pretty and if only they were vectors, it would be a slam dunk. Nevertheless, the choice of 128×128 pixel PNG or GIF should be useful enough for most of us.

While I do not claim this is the definitive list on social icons, I do think it does have resources for almost any taste and need.

If you are lucky, the icons in these sets might be perfect for you as is but even if you have to make minor modifications to them in order to meet your requirements, this is still much faster than designing them from scratch.

More:
  • Thomas Semmler

    I’m not trying to be negative, but I’m a little surprised to see this kind of content on Sitepoint.
    I personally ask myself, what to use any of these for to be honest. Maybe prototypes?

    • adaivanoff

      Hi Thomas,
      I don’t know what kind of stuff you design (if it’s mainly posters or similar), but basically if you design sites, social icons can be put to good use. You can design the icons yourself, or even get the official logos of the social networks you need, but I personally find icon packs as the ones I listed here really handy. They can be used as is or can be modified, if as is doesn’t fit the style of the site I’m designing. Hope this answers your question. :)

    • http://sitepoint.com Alex Walker

      Not taken as overly negative. Feedback appreciated, Thomas. Personally just having a simple set that has the right facebook ‘f’ and google ‘g’ etc is a useful starting point for my own icon set.

    • 44ug3n

      icons for websites? for social sharing ;)

  • omnichad

    I’m probably the only one here who realizes this, but you can’t use trademarked logos in ways that violate the branding guidelines put out by the company that owns it.

    They only grant the rights to use those images within their guidelines. Those guidelines almost never include putting them on a background, distorting perspective or putting any shapes or borders within a certain distance from the graphic’s ege. Anything else is infringing.

    It’s very likely to get you a cease and desist if your site ever makes it big. Now, maybe you want to assume that risk, but I don’t. Look at any Fortune 500 company web site who is likely to be noticed. They all use the official icons with no variation at all.

    • adaivanoff

      I do see your point, but I am not a lawyer. What you say makes sense, but probably there is some legal ground for all these icon packs and similar.

      My reasoning is that if the companies whose logos are in these packs, objected against the use of their logos, they would have done it long ago. After all, these packs are freely available online and I don’t believe the companies affected haven’t seen them.

      What’s more, similar packs, but not free, are available on any stock images site – i.e. their authors are making money from the logos of Facebook, Google, Twitter, etc. I haven’t heard of a single lawsuit, which makes me think there is some tiny clause hidden in trade mark legislation or somewhere else, which justifies this particular use. And I am curious to know this clause, even searched a bit for it (probably I simply used the wrong keywords?), but couldn’t find anything. But there must be some clause, otherwise these packs wouldn’t exist – if the companies had the right to sue, I don’t think they’ll miss the chance.

      • eddie404

        What @omnichad says is correct I am afraid. Just take Facebook as an example, they have a dedicated site that specifically covers it (https://www.facebookbrand.com/).

        However, as @adaivanoff points out, enforcement is rare (I have only heard of one instance in the last 5 years – that doesn’t mean to say there are not 100s going on I don’t know about!). Even this page, breaches the Facebook guidelines but would they care? I don’t think so… its clean and precise, there is no question over what it relates to and it uses the colours and lettering well. Their thumbs up or square logo would simply look wrong and I suspect they wouldn’t want that.

        So perhaps there is a grey area that designers can exploit and as @adaivanoff points out, Facebook will be aware of all these different permutations (after all they emphasis the fact that they have a large department specifically targeting this area). The fact that they have allowed so much variation suggests a precedent for whatever you want…

        A designer needs to bring a sense of uniformity to their design and with so many different brands out there, all differing in shape and size, surely the designer needs to come up with a ‘look’ that can encompass them all fairly and professionally when displaying them alongside each other?

        Personally I love ICON packs – but I am perhaps overly cautious and avoid the Branded options, changing design if need be.

        A good article Ada, especially since its sparked some interesting topical comments along the way.

  • http://www.digiclayinfotech.com San!-)y

    Awesome dude, very nice and innovative, creative icon , i want some of the design.
    we are also belong to the logo design company and my searching is stop for social icon.

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in Design, once a week, for free.