This is something of an experiment: Helvetica social Icons that are 99% made with the type tool in Photoshop.

The idea came about when I flirted with using icons on this blog, and didn’t really care for all the cartoony, glossy, and web 2.0 type ones available. Although so many are really beautifully made, they just aren’t really my style. So, I created these. Something a little different =)

Apart from the coloured backgrounds in some, everything is made with the type tool in Photoshop and variations of the Helvetica font. I would have dug to have done vectors for these, but at the moment I don’t have a good vector app like Adobe Illustrator in my pocket.

I’ve included all the Photoshop files, so that you can see how they were constructed. They are free to download and use.

As far as I know, there aren’t really any typographical icons around the web, so If anyone expands on this idea, please let me know – I’d love to see what you’ve done! Credit would be awesome if you use them, but I would just like to see more people creating these kind of icons, and maybe taking the idea to a new level.

Here they are: typo-icons.zip

35 thoughts on “8 Free typography social icons – made with the type tool and Helvetica.

  1. 10 out of 10 for originality. Brilliant idea, as Matty said, the Twitter one is ingenious, love it.

    Gonna link to it on LoveHelvetica if thats ok.

    Graham

  2. Amazing work – I love the DIGG and Twitter one.
    And a brilliant idea too. Keep up the fantastic work :)

    Jay
    @im_Jay

  3. Thank you for the encouragement Jay. I wish I could have also done the rest in the same way – by using type to create the image, but with the others it was just wasn’t possible =)

  4. What an awesome icon set. I mean I have been searching for good icon set and some or the other missed the edge. But this one so far is THE BEST.
    Great Work.

    regards

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>