How to change the colour
Email apps can’t recolour images. Download the icons in your brand colour, or a mid grey that works on light and dark backgrounds.
a 3-minute guide
How to add icons to your email signature
Short answer
Use small PNG files (64 px), shown at about 16–20 px. Email apps don’t support SVG.
Which file should I download?
PNG · 64 px
Most email apps can’t show SVG, so use PNG. Download 64 px and show it at 16–20 px: the extra pixels keep it crisp on sharp screens.
Step by step
-
Pick your icon and download it
Open the icon library and search for what you need, for example “phone”. Click the icon, choose a colour, then click Download PNG and pick 64 px. Grab a set, for example phone, mail, globe and map-pin, all in one colour.
-
Gmail: open your signature
Click the gear icon, then See all settings. On the General tab, scroll to Signature and click Create new or edit yours.
-
Insert the icon image
Use the image button in the signature toolbar. Gmail asks for the image from Google Drive or a web address, so upload the PNGs there first (make sure they’re shared so others can see them).
-
Outlook and Apple Mail
New Outlook: Settings›
Account› , then use the image button. Apple Mail: Mail›Signatures Settings› , then drag the PNG into the signature.Signatures -
Shrink it to text size
Click the icon and make it small. In Gmail choose Small; in other apps drag the corner to about 16–20 px.
How to resize it
Aim for 16–20 px on screen. Download at 64 px so they stay sharp on high-resolution screens.
Something not working?
People see my icons as attachments.
Some email apps attach pasted images. Inserting the images from a web address (or Google Drive) avoids that.
Icons don’t show for some people.
Their email app may block images until they click “show images”. Always keep your text details next to the icons.
The icons are huge in Gmail.
Click each icon in the signature editor and choose Small.
a shortcut
Stuck? Let your AI help in Email signatures
Click Claude, ChatGPT, Gemini, Perplexity or Grok. We copy a ready brief (“help me add an icon to my Email signatures project”) that points it to our skill file and this guide, and open it for you. Tell it what the icon is for: it finds the right one, then walks you through adding, recolouring and sizing it.
Ready? Find your icon.
500 icons, twenty styles, all free.
Browse icons