in Tutorials

How to add social media icons to your Gmail signature

Having social media icons in your email signature is a clever way of linking to your Twitter, Facebook, and LinkedIn profiles. But how do you add these icons to your own signature in Gmail? This will guide you thru the process in 3 simple steps.

Gmail will not let you upload images to their servers so you have to do a small workaround to add images to you email signature. You can choose to copy the link to the icons directly from, but that is not always good solution since we can’t guarantee that the URLs won’t change at some point.

Our architecture is not built for hosting images with permanent links and sometimes icons are removed from the site. If you buy a premium icon on Iconfinder, the icon without watermarks will only be available to you. Linking to the image on Iconfinder will not work in this case.

Adding images to your signature in Gmail requires more than just copy-pasting the image. Here’s a small guide that will show you how to do it – it only takes 5 minutes to set up.

1. Find social media icons on Iconfinder

The first step is to find a suitable social media icon set on Search for e.g. “facebook” and set the size slider to 0-32px


Click an icon you like. On the icon details page, you’ll find the rest of the icon set below the selected icon.


Download the icons you need by clicking the PNG links. Now the icons are downloaded to your computer.

2. Uploading images to Imgbox

Now we need to upload the icons on Imgbox. Go to You can use similar services such as, but this guide uses imgbox.

Click ‘Select files’ and select the first icon on your computer. From the Content Type dropdown, choose “Family safe content”. Leave the rest of the settings to the defaults.

Image 2014-09-17 at 1.17.21 pm

Important: When the file is uploaded, click “Full size” and copy the URL to the image. It’s important that you copy the URL to the file ending with .png or .gif.


3. Adding images to your signature in Gmail

Now we need to add the images from Imgbox to your signature in Gmail. Start by logging in to your Gmail account and click the settings link.


Scroll down to the settings for your signature. Click the Image button above the text area.


Paste the URL to the image in the text field. If you have a correct URL to the image, it should end with .png or .gif. If it doesn’t go back to the step where you copied the URL from Imgbox and make sure that you have clicked “Full size”.


Click OK. The image is now inserted into the signature. We now need to make the image clickable and link to a specific URL.


Select the image like you would select a piece of text.

Image 2014-09-17 at 1.24.37 pm

Click the link button in the menu and paste the URL to your Facebook page.


Click OK to close the window. The icon is now linking to your Facebook page. Scroll down to the bottom of the page and click Save changes.

Now the icon is hosted on Imgbox and is linking to you Facebook page. Repeat the process for the rest of the icons you want to use in your signature.

Write a Comment



  1. Thank you, thank you, thank you i’ve been wrestling with getting a social icons button bar on my blog for a week now and your post has finally led the way! Lovely and clear and it looks great on my gmail. Thank you so much.

  2. Hi,
    Thanks very much. The only problem I encountered was the icons looked great when I composed a new mail, but once sent the url of one of the sites was also visible along side the icon. Any idea why? I’ll delete and try again. Awesome tutorial. Concise and to the point. Awesome:)

  3. Great article but when trying to add a “link” to the icon it won’t attach it to it and places it on the side of the icon. Don’t know what is going wrong.

    Can you please help?

  4. Sorry but the last 2 days I have not been able to get the img to appear after uploading to The img is broken, and won’t appear when I go into Gmail settings. Please help.

  5. I did not apply this technique because it seems to me that some recipients will not see the picture, because for safety reasons their email client does not show external pictures.
    Doesn’t this concern apply anymore?

  6. Just perfect! Thanks!

    By any change, do you know how can I add the link of my Skype account, to the Skype image? Is this possible?

    Thank you in advance :)

  7. Martin, I am at the stage where I have the icons in my gmail signature but no matter what I do I cannot select the image to make it into a hyperlink? Thanks for this as have icons in my desktop email but not my gmail YET.

  8. Hi,

    I tried for several times, but when I copy the URL. The picture does not show. Tinypic won’t help, even Imgur does not help. Anyone who can assist me?

    • Hello Martin,

      Till the latest step everything works fine as you describe. Also the Imgbox site works.
      However it goes wrong when inserting the links. Although ‘text to display’ is empty it will insert the link as a link in the mail not ‘behind’ the picture of ie. LinkedIn for example.
      Can you or anyone else advise me what to do?

  9. Martin,

    Everything is solved.
    Everybody who is trying and has some difficulties; the latest step please select the picture instead of only clicking on it. That will help!! ;-)

    Martin, thank you for sharing.

  10. Thanks so much man!

    This is awesome.

    I have been trying in the past week to add social media links to my Gmail account but when I copy and paste the image, it doesn’t appear. A grey shade appears even though the link works fine, but when I found your post it led me to resolve the issues and everything looks and works excellent.
    Thank you very much.

  11. This is so close to what I want, except that I want to add a .jpg badge from a site that they have provided especially for email signatures, not a URL. Any thoughts?

  12. I am having the same issue as Suzanne ^. The icons are no longer displayed in my Gmail signature even though they were there until a day or two ago. I just sent a test to myself and in viewing Sent emails to past recipients, it only shows the blue boxes with question marks where I placed the icons. How can I fix this? Is this a problem with imgbox as the image host? Your help is greatly appreciated.

    • It can be a problem with Imgbox. I have read their Terms and conditions and there shouldn’t be an expiry date on the images. But it’s a free service, so I guess we can’t expect that they keep up the images forever. If you want a bullet proof solution you can use Dropbox’s Public folder or pay for a small webserver at a hosting company.

  13. Hello,

    I’ve been able to get all 4 of my social media icons in my signature and it works great! However, when i check this on my phone the format of the four icons are all wrong. They are all above one another rather than being next to each other. Do you know how to fix this?

  14. This works for me but can you help me make my icons smaller? I have already edited them in illustrator and saved them to “tiny size”. Additionally I have selected “smallest” in Gmail. Still, the icons are way too big. Any ideas?

  15. A piece of cake guide and great selection from imgbox for icons.
    I see you’ve been getting thanks many months on from the original post.

    Well guess what, you’re getting more.

    Thanks for the guide, Martin. I will be pointing people about email signatures to this post in the future.

  16. Everything works perfectly. I have played around with it for a week now but when I enter it on and it is in the signature box there is a blue box that is around the icons. I don’t know if this is something from gmail but I cant get the box to leave.

  17. Martin, the Twitter icon shows up in my email signature. But where do I find the URL to paste into the link box to take the clicker to my Twitter account? If I enter and my Twitter name, that is what shows up next to the icon.


    • David,
      Per Martin’s instructions, you should to select the icon then click the link icon (to the left of the picture icon you clicked to paste your picture in) and paste your twitter URL in.

  18. Thank you Sir, very helpful. Any pointers for hotmail? There isn’t the ability to paste in a link to the image and all has to be done in html

  19. Martin,

    November 2014 here. has Gmail changed up again? i have the icons in my email signature using imgbox like you suggested. My issue is, i click once on the icon, then click on the link icon, enter the link and it puts the link NEXT to my icon instead of making the icon linkable. what am i doing wrong here? thank you.

  20. Thank you so much for this easy-to-use set of instruction! I now can say I love my email signature (and how many people go around saying that?).

    Thank you again and continued success with all that you do :)

  21. I was able to upload my 3 icons and they are now in my signature. I followed the instructions on how to add the link to each icon (3 times) and even tested each link (they work) but when I send a test email to myself, I see the icons in the signature but when I click on them nothing happens. Help!

    • When you download the file off of the icon site, there are multiple sizes to choose from that you can select. You need to click the image you want, and then you will see the sizes. 32×32 or 48×48 are probably what you are looking for.

  22. Excellent tips once I figured out that I could not do this in Chrome. So weird. I’m using Gmail.. anyway, I configured it all following these tips with Firefox works fine. The problem I was running into in Chrome was unable to highlight/select the icon after bringing it over. Firefox it worked like a champ.

  23. Hi Martin! I’m having some difficulty with finding the menu to find the link button and where to past the URL in facebook. This is a copy of the step that I can’t get past. “Click the link button in the menu and paste the URL to your Facebook page”. Need your help Sir!

    Thank you,
    Anna Everetts

  24. Ciao, just a fast question.

    I really like this solution, but before I want to get into the hazzle, I just would like to know if this procedure has any effect on your spam score?

    Anybody noticed any problems?

    Thank you very much :)

    • I am no longer positive the place you are getting your information,
      but great topic. I must spend a while finding out more or working out more.
      Thank you for great information I was in search of this info for my mission.

  25. Oh dear I fell at the last hurdle! When I paste the URL of my facebook page and test it I get ‘sorry this page isn’t available’?

  26. Thank you for the post, it’s very useful. I have one question: what do you do about attribution? all these icons on the website suggested are free under the Creative Commons license which required attribution to the creator when used. Is there any alternative website that anyone knows of?

  27. Hi Martin,

    Thanks so much for your helpful info. I’m sure I’m doing something wrong but cant work out what.

    No trouble pasting icon to signature box in gmail and then linking f/book url, but what comes up is a hyperlink to f/book next to the image. The image remains unclickable. Do you know what I’m doing wrong?

    Thanks, Nich

    • I had the same issue. Simple fix. Add your image. Then Highlight the icon- next click the link and paste. It will prevent the link from showing up. The highlight is the key.

      • Hi Kristin, I am trying with same issue but cannot highlight and then click the link? It automatically unhighlights.. any tips?

  28. Awesome! Thank you so much! One more question; How do I make it specific to my profile? e.g. When the ‘instagram’ icon is clicked it opens my page instead of the ‘instagram’ home page?

    Thanks Again!!!!

    • You need to make sure that you use the correct URL when you link the image to a page. (EX.) Using will link you to instagrams homepage whereas using will link you to your specific page within instagram. To obtain this URL you will need to navigate to your instagram profile page (not just to your news feed). Once you are on your profile page you can then copy the URL in the browser bar and paste that into the link field for the icon in your email signature. Then hit the ‘Test this Link’ button and it should work perfectly.

  29. You are truly a genius Thank you so so much I’ve been towing with this for months now and your step by step approach has ensured that my gmail signature is now more professional looking than it was.

    Is there a FREE icon for ‘Website’ and could you point me to it please?
    Once this is done the process is complete :-)

  30. Hey there- I love this and I DID IT!!! Thanks for the highlight tip, it removed the link. I have a question. When I go to gmail, and email from there, the icons are on my email. However when I’m in my mac email (gmail) and I send an email, the signature with the icons are not there. Please help. I want the icons on both. THANK YOU in advance :) Feeling accomplished. Kristin

  31. A million thanks !!!
    Clear, comprehensive and accurate guidance, with accompanying screenshots for added reassurance and direction.
    Took me a good while to get the first one done as my google ‘add an image web link box’ was a little reluctant. Wouldn’t have managed at all without your help so am really appreciative.
    Thank you for sharing

  32. Thank you for the walk through. My only qualm is that the logos even when set to small are simply too large.

  33. Hi Martin,
    Loved this and everything was going well until the link the URL part. I can’t seem to get it to just show the FB icon without the URL text showing up next to it. It doesn’t seem to want to attach the URL to just the icon?

  34. Martin, my insert an image button is not active and shaded. Not allowing me to add an image. Any suggestions?

  35. Hi Martin

    Thank you for this, was most helpful! At first I was struggling, like most, with just ending up with my text next to the facebook icon, but then, I realised, instead of clicking on it, you highlight it, like you would highlight text & this worked! Brilliant stuff!! :)

  36. There is a MUCH easier way to insert the social media icons. Just google image search for the icon, right click on it to copy image, and then just paste it into your signature box..

  37. Thanks Martine,

    I was searching for some stylish heavy signature with icon n all. But the first screen shot of your post includes so decent signature that I couldn’t help but copying and implementing something alike. :P

    Great Help!

  38. Thanks so much Martin. I usually have problems following people’s instructions but yours were so clear – for once I’m not wasting hours and getting totally frustrated. Thank-you :)

  39. Hi Martin!

    This is brilliant – thank you so much! I’ve recently taken on the job of looking after social media for a company called Dolphin Swim Australia and am learning as I go along. The instructions you gave were very easy to follow and I was able to produce links to all our social media pages, however I had a problem with FB. When I copied the link for the company (for which I’m an Administrator), it took me to the company FB page, however had my personal FB details on the top bar thereby allowing anyone who clicked on the link to also go to my personal page!

    I would really appreciate it if you could advise me how to fix this.

    Kind regards


  40. Hi this doesnt seem to be working for me. I have gone through the process of downloading the PNG files but Gmail will not allow me to upload the web address url from tiny pic or imgbox. Its saying that it cant find the url and yes i have use the correct link.

  41. Hey…
    I have been trying to add url to the icon in my gmail signature.
    Soon after selecting the icon, i added the url as shown in the steps above but my icon is still not clickable:(
    I am added the url of a website…
    is that the reason of icon remaining not clickable?

  42. Moreover, I had clicked on the insert image button and uploaded the image from my PC directly. I havent used imgBox.
    I read this tip of aing image directly from the pc from a google website…

  43. It took me a few tries to get this to work. What did the trick was putting a space between the icons. Otherwise, without the spaces it was treating them as all one image. I tried highlighting each images separately several times with no success until I added a space between the icon images.

  44. Would it be possible to add an alternate text to the images in case they don’t show on some email browsers for whatever reasons?

  45. Dear Martin,
    thank you so much! I have an issue with image size, even if I select 0-32px when I put the image in my signature it’s too big. any tips?