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.

Since Google does not host the images on their servers so you have to keep the images on a server somewhere else. You can choose to copy the link to the image from Iconfinder, but that is not always good solution.

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 with out watermarks will only be available to you. Linking to the image on Iconfinder will not work in this case.

Adding link images in your signature in Gmail require more than just pasting the image. But if your know the tricks, it only takes about 5 min. 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.

OBS: While you can technically use the image source url directly from, we highly recommend that you download the icons and follow the next steps in the guide. We cannot guarantee that the current image urls will remain consistent.

2. Uploading images to Imgbox

Now we need to upload the icons on Imgbox. Go to Click ‘Select files’ and select the first icon on your computer. From the first dropdown, choose “Family safe content”.


When the file is uploaded, click “Full size” and copy the URL to the image.


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.


Click OK and select the image after it is visible in the signature.


Click the link button and insert the URL to your Facebook page.


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.

    • I have finally manage to select the image so now have the 3 working however on test it has the blue box round the link/image, how can this be removed?