SVG Images in Email?

Anyone know where I can find a chart showing compatibility of email clients for SVG Graphics?

Anything special needed to get them to work?

roshodgekiss roshodgekiss, 3 years ago

Hey there JohnP, great question! I just ran a simple test on an SVG image (with a CSS hover state) and the results have been mixed. While Webkit-powered clients like Apple and iOS Mail breezed through the test, webmail clients don't seem to want a bar of it.

Here's the code I used, based on this demo. I figured inlining the SVG code would be far more reliable than linking to the contents of an external .svg file.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
JohnP JohnP, 3 years ago

Well that failed with sinking colours! Thanks for that Ros - I'll check back in say, 7 to 10 years! ;)

roshodgekiss roshodgekiss, 3 years ago

Haha, you're very welcome - please give me a nudge then, too :D


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
paf2013, 3 years ago

Hello roshodgekiss,
How to get your code for SVG image? please

roshodgekiss roshodgekiss, 3 years ago

Here you go, paf2013.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098