General
Email Signature Generator CSS icons
0 views

Back in 2017, I was experimenting with something that was pretty fun for the CSS we had at the time — building icons without using images.
Using mainly CSS, :before, :after, borders, shadows and a bit of creativity, I managed to create a set of icons that didn't depend on external image files. The interesting part for email was simple: no images to load or block — the icons are always visible.
You can still see that old experiment here:
https://codepen.io/k0ko88/pen/PWLNBJ
Fast forward to 2026. At my last job, I decided to apply some of that old knowledge to an email signature.
And then I met Classic Outlook again. :D
What looked like a simple signature quickly turned into dealing with Outlook's rendering limitations, different behaviour between email clients, px → pt conversions, table rendering and weird spacing issues.
Along the way I found a few useful tricks — one of my favourites being that line-height: 0.5pt can practically zero out a line in Classic Outlook, which solved one of the most annoying spacing problems I had.
Eventually, that little fight turned into a complete email signature generator:
SimpleSignature
https://nikolaisabev.eu/SimpleSignature/
It's not trying to be the prettiest or the most complicated signature generator out there. It's simple, effective and built around what I learned from actually fighting with email clients.
It's completely free, there's no registration, and I don't store the data you enter.
Feel free to use it.
If you find a bug, have an idea, or think something could work better, leave a comment here or send me an email. Feedback is more than welcome.
And if it saves you some time and you feel like supporting the work, there's a Buy Me a Coffee button. If you wish. :)
That's it.
Cheers,
Nikolay
Read original: https://dev.to/__f5142d0147e/email-signature-generator-css-icons-9f
Related posts
The Trump Administration Is Wreaking Havoc on the Electoral System Before the Midterms
0Wired

YouTuber Druski is going to make exclusive content for Netflix
0The Verge
Why are Soviet math textbooks so hardcore in comparison to US textbooks? (2017)
0Hacker News
Technofeudalism
0Hacker News
The Linkerd Story: The people Behind The Service Mesh — A new documentary premieres at KubeCon + CloudNativeCon North America 2026
0CNCF Blog
Londres en otoño: barrios, mercados y museos a tu ritmo
0dev.to Watercooler