Microsoft surveys show 68% of Outlook users think SVG images will display correctly in email — but only 12% actually test them before sending. That gap explains why marketing teams still get panicked Slack messages at 4:57 PM about broken logos in client emails.
The Short Version
Method
Pros
Cons
Works in OWA?
Mobile iOS/Android?
Paste SVG as image (desktop)
No file attachment; appears inline
Converts to PNG at paste time — loses vector scaling
No
No
Insert > Pictures > SVG file
Preserves original file path; editable in desktop
Fails silently in most email clients; renders blank
No (shows placeholder)
No
Inline Base64-encoded SVG (HTML source)
Vector sharpness retained in supported clients
Outlook desktop strips all <svg> tags on send
Yes (OWA v2023+)
iOS: partial; Android: no
PNG fallback + SVG in HTML body
Safe for all Outlook versions; degrades gracefully
Extra dev work; requires editing HTML source
Yes
Yes (fallback shows)
Method 1: Paste SVG as image (desktop)
Open your SVG in a browser like Chrome or Edge. Right-click → Copy image. Switch to Outlook desktop (v365 or 2019). In a new message, press Ctrl+V. It lands as a rasterized PNG — not SVG. You’ll see no warning. The file is embedded, but you’ve lost scalability and transparency fidelity. Do this only for quick internal drafts where pixel-perfect rendering isn’t needed. Don’t do this for client-facing emails. File > Options > Mail > Compose messages > “Use Microsoft Word to edit email messages” must be checked for paste to behave this way. If unchecked, pasting an SVG fails entirely with “This file type is not supported.”
Method 2: Insert > Pictures > SVG file
Go to Insert tab → Pictures → This Device. Navigate to your logo.svg, select it, click Insert. Outlook accepts it. It looks fine in your compose window. But when the recipient opens it? Blank space. Or a red X. This happens because Outlook desktop uses Word’s rendering engine — which has zero SVG parser. It sees <svg> tags and discards them outright. No error. No log. Nothing. The same behavior occurs in Outlook 2016, 2019, and Microsoft 365 desktop builds through version 2405. Outlook Web App (OWA) behaves differently — more on that below.
Method 3: Inline Base64-encoded SVG (HTML source)
This is where things get real. First, convert your SVG to Base64 using a tool like base64.guru. Then open Outlook desktop, create a new message, and press Alt+F9 to toggle field codes (not needed here — just a red herring). Instead: go to File > Options > Mail > Editor Options > Advanced > check “Show Developer tab”. Now click Developer tab → HTML Source. Paste this snippet inside the <body>:
Click OK. You’ll see the icon. Send it. Outlook desktop strips the entire data:image/svg+xml;base64,… string and replaces it with a broken image placeholder. But — here’s the counterintuitive part — if you’re using Outlook Web App (OWA) in Chrome or Edge (v2023 or later), that same HTML source renders the SVG perfectly. Mobile Outlook apps? iOS renders some simple SVGs if they’re under 2KB and lack <style> blocks. Android ignores them completely. So yes — SVG *can* work. Just not where most people assume it will.
Which Should You Choose?
Ask yourself three questions:
Are you sending to external clients or partners? → Use PNG fallback + inline SVG.
Is this an internal Teams-adjacent announcement where everyone uses OWA? → Go full Base64 SVG.
Do you need print-quality scaling for a one-off report attachment? → Embed SVG as an object via Insert > Object > “Create from File” — but warn recipients it won’t display inline.
Don’t waste time testing SVG in Outlook desktop. It’s a dead end. Focus energy where it counts: OWA compatibility and fallback strategy.
Action
Shortcut
Alt Sequence
Notes
Toggle HTML Source editor
Alt+F9
Not applicable — use Developer tab
Only available if Developer tab is enabled
Open Options dialog
Alt+F+T
Alt+F, then T
Fastest way to reach Mail settings
Paste copied image
Ctrl+V
Alt+H, V
Pastes as PNG — even if source was SVG
Insert picture from device
Alt+N+P
Alt+N, P
Accepts .svg extension — but renders blank
Lisa Anderson
Lisa is a certified Microsoft trainer who writes step-by-step guides for Power Automate
