Free Social Icons
Free Social Icons

When working on a new project, I always find myself looking for a social media icon pack. Finding one that matches my design is never an easy job but I almost always just want the most simple icons, no sketchy nonsense, no mad gradients or reflections just the official logo’s. So I took it upon myself to have a go at creating some and now I have a little resource for myself to use over and over and for anyone else you might make use of them.

Using Sketch App

I recently (through a recommendation from Laura Kalbag) downloaded Sketch App, a design software that has a strong focus on web and UI designers. I have forever used Photoshop but renewing every year is super expensive and it has a lot of features that I just don’t need. Sketch App had a really simple UI, which is rather refreshing to be honest and it’s all vector based so your designs are 100% scaleable and not to mention that it’s dirt cheap at £34.99. Since getting a Retina Macbook Pro I have found myself using .png much less and turning to .svg in my designs. Here is a great article by Chris Coyier on using .svg in your designs today.

What you get

So here are a bunch of Social Icons that I find myself needing all the time. I’ve included the following formats:

  • .esp
  • .png
  • .pdf
  • .svg

I have created black, gray and colour versions of the icons, but you can easily change the colours to match your own designs. I have also included the original .sketch file incase you feel like trying it out for yourself (there is a free trial available, but I’m pretty sure it’s a Mac exclusive tho, sorry PC users). So have fun and let me know what you think or if there are any requests for other icons shoot me a message in the comments. Credit not needed but always nice. Have fun!

  1. Update 0.1: Had a request from @Evilmunky to add square versions. Ask and you shall receive.
  2. Update 0.2: Added two new icons Instagram and Tumblr. Also added a new hexagon shape set.
  3. Update 0.3: I have added the project to Github so you can folk the icons and send a pull request if you add to the project.
  4. Update 0.4: The set has been added to a .sketch project repository on github. Look under icons. My first pull request has been made 🙂
  5. Update 0.5: I have added a new set of shapes. ‘Rounded Hexagons’ Super nice.
  6. Update 0.6: New icons added Forrst and Pinterest. Thanks to Carlos Moreira for the resquest.
  7. Update 0.7: Now contains three different versions of icons.

Comments

  1. Nick Dominguez avatar

    Pretty cool! Sketch is great. I just put up a collection of icons built in Sketch on Github last week here: https://github.com/nickdominguez/sketchicons if you want to download them.

    1. Neil Hainsworth avatar

      They are awesome. I particularly like the pig! Is that from something?

      1. Nick Dominguez avatar

        Glad you dig them, they’re a work in progress.

        Pig I referenced from a photo, can’t seem remember which one unfortunately.

        1. Neil Hainsworth avatar

          Ah great! I was thinking it was some website with a pig mascot. I’ll keep an eye on them to see how they evolve.

  2. Carlos Moreira avatar

    Hi Neil! There are great! Any thoughts of an update with Pinterest icon on it? Cheers!

    1. Neil Hainsworth avatar

      Sure thing Carlos, update coming this week.

  3. Neil Hainsworth avatar

    @Carlos I’ve added Pinterest to the set 🙂

    1. Carlos Moreira avatar

      Great work Neil! Thanks!

      1. Neil Hainsworth avatar

        @Carlos You’re very welcome! Be sure to post links if you choose to use them 🙂

  4. Marcelo avatar

    Hi, great work! Lovely icons!

    There is just one (important) icon missing: “email”. It would be a great addition to the set.

    Thanks for sharing!

    1. Neil Hainsworth avatar

      Ah yes, I do have an email icon I could throw in. I guess I made a disconnect between social media and email.

  5. Craig avatar

    Thank you so much for making & releasing these, Neil; They’re a nice elegant design.

  6. Lito avatar

    Thanks a lot!!
    I’m using your icons in my new project (it’s starting).
    You can see like appears here http://zeembo.com/ (click in any product).
    Best regards,
    Lito.

  7. Neil Hainsworth avatar

    Hey folks,
    I’ve had a few request for each icon to be cropped individually (currently all on one canvas). Do you think this would be useful?

  8. Craig Blaze avatar

    Great set. Need to add YELP

  9. Vivek R avatar

    Awesome..both the icons and your website…Great work

  10. Dmitry avatar

    Can you please add WikiVoyage icon to that set? 🙂

  11. Slepice1 avatar

    Cool icons! Can you add Steam icon please?

  12. […] Vector Based Social Icons (.sketch) […]

  13. Doug avatar

    Great clean set of icons. And Sketch source file is a major plus. Thanks for these, they’ll come in real handy. Much appreciated!

  14. Steve avatar

    Awesome, thanks! (Especially for the Sketch files.)

  15. Zaidar avatar

    Thank you very much ! It’s very nice !

  16. Montag avatar

    great set of icons, and thanks for including the SVGs

  17. Geeo avatar

    Thank you so much!

  18. isqua avatar

    Hi Neil, you’re awesome! Great thanks for the set!

    If you add folder with monochrome icons where each SVG contains only one path (merged), it will be possible to create icon-font.

  19. Catherine avatar

    These icons are fantastic! Any chance you can add an icon for google maps?

  20. soffmodd avatar

    Nice share.. 😀

  21. Hemant Aggarwal avatar

    Can I use them in my WordPress theme? Is a link back necessary?

    1. Neil Hainsworth avatar

      Feel free to use in you theme. No backlink necessary.

  22. […] Vector Based Social Icons by Neil Hainsworth […]

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.