Some links on this page are affiliate links: if you buy through them we may earn a commission, at no extra cost to you.
To add an SVG to a WordPress post or page, first enable SVG uploads with a solution that sanitizes the file; then upload it through the Media Library or editor and insert it like other media. WordPress’s upload_mimes filter can allow SVG files, but it does not make their contents safe.
Upload and insert an SVG in WordPress
WordPress’s normal media workflow applies once your SVG is accepted. Use the Media Library’s Add New screen or the media controls in the post or page editor. You can select a file or drag it into the upload area, then insert the uploaded media into your content. See WordPress’s Media Library documentation.
- Enable safe SVG handling. If WordPress rejects the file, choose an SVG solution that sanitizes uploads rather than merely allowing the file extension.
- Upload the file. Open Media > Add New, or use the editor’s media controls, and select or drag in the SVG.
- Insert it. Select the uploaded image in the editor’s media interface and add it to the post or page.
- Check the result. Review the rendered graphic; sanitization can change or remove styling.
Why WordPress rejects SVG files
WordPress restricts which file extensions and MIME types may be uploaded. Its upload_mimes filter lets developers modify that allowed list; the developer reference shows an example that adds svg with the MIME type image/svg+xml. See the upload_mimes reference.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Clear out junk files and repair common Windows errors3Fix the driver behind crashes, sound loss and screen glitchesAllowing that MIME type only changes file acceptance. It does not inspect or sanitize the SVG. SVG is XML and can contain active or externally referenced content, so a MIME-only code change should not be treated as a security solution. A site using custom code should pair file acceptance with a maintained sanitizer and account for every upload route—not just the standard Media Library.
#1 Best Overall
Choose an SVG upload method
For most site owners, an SVG plugin with sanitization is the more practical approach. For example, the Safe SVG listing describes sanitization, controls over which roles can upload, Media Library previews and a display block. It also cautions that custom upload paths may not be covered by its sanitization hooks. The WP SVG Images listing describes automatic sanitization, role-specific controls and previews. These are capabilities reported by the plugin listings; check each listing and the plugin’s compatibility with your WordPress setup before installing.
| What to compare | Why it matters |
|---|---|
| Sanitization | Determine how the plugin handles unsafe or unsupported SVG content; allowing an upload is not the same as sanitizing it. |
| Upload permissions | Check which user roles can upload SVGs and whether that matches your site’s needs. |
| Upload-path coverage | Confirm the sanitizer covers the routes your site actually uses, particularly custom upload flows created by other plugins. |
| Preview and display | Check for Media Library previews, inline display or a block if you need those features. |
| Compatibility | Check the plugin against your installed WordPress version, editor and other plugins. |
Plugin details can change. Safe SVG’s WordPress.org changelog lists version 2.5.1 on 2026-09-22, with security fixes and a new REST endpoint; that is a dated changelog entry, not a guarantee that it is the current version. See Safe SVG on WordPress.org and WP SVG Images on WordPress.org.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.What to check after sanitization
Sanitizers may remove styles or other content they consider unsafe. A WordPress.org support discussion explains that removing SVG styles can be intentional for security and describes a risk involving a CSS javascript: URL. Use files from sources you trust, rely on sanitization, and inspect the result after upload—especially if the graphic’s appearance depends on embedded styling. See the WordPress.org support discussion.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
