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 Iconfinder.com, 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 Iconfinder.com. Search for e.g. “facebook” and set the size slider to 0-32px

search

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

socialmedia

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 imgbox.com. You can use similar services such as Tinypic.com, 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.

imgbox2

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.

gmail

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

gmail2

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”.

gmail3

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

gmail4

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.

gmail5

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

Comment

64 Comments

  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 Imgbox.com. 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?