Social Media Icons in Email Signatures: Size, Format and Rules
TL;DR: Most signatures need one or two social icons, not a row of every account the company owns. Show them at 16–24 pixels square and save them at twice that size as PNG files. Link them from a web address rather than embedding them. Use each network’s own logo, in the colours it allows. LinkedIn and Meta both publish rules, and both say not to recolour their logos to match your brand. Give every icon alt text, so the link still makes sense when images are blocked.
How we checked: the logo rules come from LinkedIn’s and Meta’s own brand pages, checked in October 2026. The format and display points come from Microsoft Learn, checked the same month. The size recommendations are ours, based on how the main email apps display signatures. We have not yet tested these icons in every email app, so check your own signature in the apps your recipients use.
Which networks to include
Start with the question a recipient would ask: “where would I go next to learn more about this person or company?” For most business signatures, that is one or two places.
- LinkedIn is the obvious choice for business email. Decide whether the icon links to the person’s profile or the company page. A sales team may want the person; a support team, the company.
- One more network, only if your audience uses it. A consumer brand might add Instagram. A software company might add YouTube for product videos.
- Leave out networks the company has stopped posting to. A dead account does more harm than no icon.
More icons mean more links competing with your main message, a point The Best Email Signature Designs for 2026 makes about cluttered signatures. If you also run a campaign banner, keep the icons especially few.
Size and format
| What | Recommendation |
|---|---|
| Size on screen | 16–24 pixels square |
| Saved image size | Twice the on-screen size, so 32–48 pixels |
| File format | PNG, with a transparent background |
| Spacing | About 8 pixels between icons |
| Line-up | All icons the same size, in one row |
Why save at twice the size? High-resolution screens, such as most phones and many laptops, use two or more physical pixels for each pixel the email asks for. An icon saved at exactly 20 pixels looks soft on those screens. Save it at 40 pixels and set width="20" and height="20" in the HTML, and it stays sharp.
Why PNG, not SVG? SVG files scale perfectly on websites, but email apps handle them badly. Microsoft says SVG files are not supported in signatures added by an Outlook add-in, and advises JPG or PNG instead. PNG keeps the transparent background that most icon designs need.
Meta sets a minimum size. Meta’s brand page says the Facebook logo should be at least 16 pixels wide in digital use. That is the bottom of the range above, so do not go smaller.
The rest of the signature’s sizes, including logos, headshots and banners, are in the size table on our branding page.
Link them, do not embed them
There are two ways to put an image in a signature:
- Link it. The signature’s HTML points to an image hosted at a web address, such as your website or content delivery network.
- Embed it. The image file is stored inside the email itself, either as an attachment or written into the HTML.
Link your icons. Embedded images make every email larger, and some email apps show them as attachments, which looks untidy. Embedding also eats into signature length limits. Gmail, Exchange mail flow rules and Outlook add-ins all cap how long a signature can be. A single embedded icon can use thousands of characters, while a linked one uses a line or two. The limits are listed in Email Signature Branding.
Host icons at an address that will not change, and keep the files there for as long as old emails exist. If the file disappears, every email that used it shows a broken image.
Follow each network’s logo rules
Every major network publishes rules for using its logo. They are short, and following them avoids a recolouring mistake that is common in signatures.
LinkedIn says its [in] logo may be used as a link to your profile, company page or group. It may also sit in a row of icons showing where you are active. It allows only three colours: blue, black and white. It says not to change the logo’s colour or shape, and not to combine it with other words or images.
Facebook must use the complete, unaltered logo. Meta’s brand page shows it in Facebook Blue with a white “f”, or in white. It says not to recolour the logo to your own brand colours, and not to add outlines, shadows or 3D effects.
Download icons from each network’s own brand site, not from a free icon pack, because unofficial versions are often out of date. These are the official pages, checked in October 2026:
- LinkedIn: LinkedIn brand downloads
- Facebook: Meta’s Facebook logo page, linked above
- Instagram: Instagram brand resources, also from Meta
- X: X brand toolkit
Each page has its own rules. Read them before you change an icon’s colour or shape.
What about icons that match our brand colours? Many design guides suggest recolouring every icon in your brand colour for a tidy look. LinkedIn and Meta both say not to. For a consistent look, use each network’s single-colour version where it allows one. That means black on a light background, or white on a dark one.
Make them work when images do not load
Many email apps block remote images until the reader chooses to load them. When that happens, icons show as empty boxes or disappear. Plan for it:
- Give every icon alt text naming the network, such as
alt="LinkedIn". Many email apps show the alt text when the image is blocked, so the link still makes sense. - Do not put anything essential only in an icon. Your phone number and email address belong in text.
- Check them on a dark background. Some email apps switch to a dark theme. A black icon with a transparent background can disappear on a dark background. Test both before you roll it out.
A problem in classic Outlook: icons that grow
If someone sends from classic Outlook for Windows with display scaling set above 100%, images in their email can arrive larger in the recipient’s copy. Small images such as social icons make the problem very visible. Microsoft’s fix is a registry setting on the sender’s computer. If a colleague’s icons look huge in replies, check their display scaling first.
Setting fixed width and height values on every icon, as described above, also helps the icons hold their intended size in most email apps.
Can you track clicks on social icons?
Not with UTM tags alone. UTM tags (tracking codes added to the end of a link) only show up in analytics for a website you own. A click on a LinkedIn icon lands on linkedin.com, so the tag never reaches your analytics, and LinkedIn does not report it to you.
To count those clicks, the link has to pass through something you control first. That is a redirect: a short link on your own domain, or a click-tracking service, that records the click and then forwards the reader to the social profile. Some email signature management tools include click tracking that works this way. Check how a tool counts clicks before relying on its numbers.
UTM tags do work on links to your own website, such as a campaign banner. How to Track Email Signature Clicks and Campaign Performance shows how to set them up.
Frequently asked questions
Should every employee link to their own LinkedIn profile or the company page?
It depends on why people email you. Where the relationship is personal, as in sales, recruitment or account management, the person’s profile helps the recipient know who they are dealing with. Where it is not, as in support or accounts, the company page is the better choice. Some organisations use the company page by default and let customer-facing teams link to their own profiles.
Can we use a social icon that does not link anywhere?
You can, but there is little point. An icon a reader cannot click adds clutter and nothing else. LinkedIn’s own rules describe the [in] logo as a link to a profile or page.
How do we stop people adding their own icons?
Set the signature centrally, so staff cannot edit it in their own email app. How to Stop Employees Changing Their Email Signature in Outlook covers the options in Microsoft 365.