How to Add SVG to Notion Pages
Notion doesn't render inline SVG code, but you can display SVG images using image blocks and embeds — here's how.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Adding SVG Images to Notion
Use Notion's image block to display SVG files uploaded to any hosting service.
- Type /image → select 'Embed link'
- Paste the direct URL to your SVG file (must be publicly accessible)
- Or upload to GitHub/Cloudinary/R2 and paste the CDN link
- SVG renders at full vector quality in Notion's image block
- Direct SVG file uploads in Notion render as vector images (not editable)
Hosting SVG for Notion Embeds
You need a publicly accessible URL for SVG in Notion.
- GitHub: upload SVG to a repo → get raw.githubusercontent.com URL
- Cloudinary: free SVG hosting with CDN delivery
- Vercel/Netlify: deploy a static site and host SVGs at a public URL
- Notion's own /upload: works but generates a temporary URL — use external hosting for persistence
Frequently Asked Questions
Can I paste SVG code directly into Notion?
No. Notion doesn't render raw SVG/HTML. Use a hosted URL and an image block instead.
Does Notion support animated SVG?
No — Notion's image blocks render SVG as static images. Animated SVG does not play in Notion.
How do I keep my SVG images in Notion from expiring?
Host SVGs on a permanent CDN (GitHub raw, Cloudinary, or your own domain). Notion's internal upload URLs may expire for external embeds.
Can I use SVG as a Notion page cover?
Notion's page cover accepts image uploads — but it rasterizes them for display. Upload a high-resolution PNG version of your SVG for covers.
Can I embed a live SVG that updates automatically in Notion?
No direct support. As a workaround: host an SVG that updates via a CDN URL. Notion refreshes embedded images periodically, so URL-based SVGs will eventually show updates.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Convert Image to SVG — Free