<svg>
HTML element · 4 supported, 1 partial, 10 unsupported across 15 clients
Client Support
| Client | Category | Engine | Support |
|---|---|---|---|
| Gmail | webmail | Gmail Web | Unsupported |
| Gmail Android | mobile | Gmail Mobile | Unsupported |
| Gmail iOS | mobile | Gmail Mobile | Unsupported |
| Outlook 365 | webmail | Outlook Web | Unsupported |
| Outlook (New) | desktop | Outlook Web | Unsupported |
| Outlook Classic | desktop | Microsoft Word | Unsupported |
| Outlook iOS | mobile | Outlook Mobile | Unsupported |
| Outlook Android | mobile | Outlook Mobile | Unsupported |
| Apple Mail | desktop | WebKit | Partial |
| Apple Mail iOS | mobile | WebKit | Supported |
| Yahoo Mail | webmail | Yahoo | Unsupported |
| Samsung Mail | mobile | Samsung | Supported |
| Thunderbird | desktop | Gecko | Supported |
| HEY Mail | webmail | WebKit | Unsupported |
| Superhuman | desktop | Blink | Supported |
Client-by-client behaviour for <svg>
Fully supports <svg> (4): Apple Mail iOS, Samsung Mail, Thunderbird, Superhuman.
Partial support (1): Apple Mail. Expect rendering quirks unique to each engine — partial support typically means a subset of values, an ignored shorthand, or sanitizer-specific rewrites.
No support (10): Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook (New), Outlook Classic, Outlook iOS, Outlook Android, Yahoo Mail, HEY Mail. Plan fallbacks for these clients before relying on <svg> in production sends.
Fixes & Workarounds
Gmail
UnsupportedConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
Gmail Android
UnsupportedConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
Gmail iOS
UnsupportedConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
Outlook 365
UnsupportedConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
Outlook (New)
UnsupportedConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
Outlook Classic
UnsupportedConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
Outlook iOS
UnsupportedConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
Outlook Android
UnsupportedConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
Yahoo Mail
UnsupportedConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
HEY Mail
UnsupportedConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
Apple Mail
PartialConvert SVGs to PNG/JPG images.
Before
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5z" fill="#6d28d9"/>
</svg>After
<img src="https://example.com/icon.png"
width="24" height="24" alt="Icon"
style="display: block; border: 0;" />Convert inline SVG to an image for email compatibility
Production guidance for <svg>
<svg> is a HTML element. Across the email client matrix, 4 of 15 tracked clients support it fully, 1 only partially, and 10 not at all. The clients most likely to require a workaround for this feature are Gmail, Gmail Android, Gmail iOS. Each of them needs a tailored fallback — see the per-client examples above for the specific code fix Emailens recommends.
When in doubt, ship a baseline that renders without <svg> and treat it as progressive enhancement on clients where support is verified. Emailens automatically detects cross-client divergence on this feature when you preview an email, so you can see exactly which template paths break before a campaign goes out.
Related Features
Test your email across all 15 clients
Preview rendering, catch CSS issues, and get actionable fixes — free.
Try Emailens FreeSupport data last updated Apr 27, 2026 · synced from caniemail.com via @emailens/engine.