Timileyin Olabajo

Digages

SVG Editor adds native support for uploading and editing SVG (Scalable Vector Graphics) directly within your WordPress Media Library. Easily change the colors of your favorite icons, images, and vector assets without needing any external design software.
Whether you’re a web designer, developer, or content creator, SVG Editor is here to simplify your workflow and save you time.
Features:
<ul>
<li>Enable SVG Uploads: Allows you to safely upload SVG files to your WordPress site.</li>
<li>View SVGs in Media Library: Preview your SVG files directly within the WordPress Media Library.</li>
<li>Native WordPress Integration: Works seamlessly within the WordPress Media Library.</li>
<li>Simple Color Editing: Change SVG colors with our intuitive interface.</li>
<li>Sanitized SVGs: Automatically cleans SVG code to prevent security risks and ensure safe usage.</li>
<li>Preserves SVG Integrity: Maintains the scalability and quality of your vector graphics.</li>
<li>Mobile Responsive: Easily edit SVG on the go.</li>
</ul>
About Digages:
SVG Editor is a free and open-source plugin developed and maintained by <a href="https://digages.com/" rel="nofollow ugc">Digages</a>. We’re committed to creating tools that make WordPress more powerful and easier to use.
<a href="https://digages.com/donate/" rel="nofollow ugc">Donate Now</a> | <a href="https://digages.com/" rel="nofollow ugc">Visit Website</a>
Other Plugins by Digages:
<ul>
<li>
<a href="https://wordpress.org/plugins/direct-payments-for-woocommerce/" rel="ugc">Direct Payment for Woocommerce</a>: Direct Payments for WooCommerce makes it easy for WooCommerce store owners to accept payments directly through local and global methods with 0.0% transaction fees. Enable direct payments from your customers via bank transfers, mobile money, crypto and peer-to-peer platforms like Zelle, Venmo, Cash App e.t.c
</li>
<li>
<a href="https://wordpress.org/plugins/direct-payments-wp/" rel="ugc">Direct Payment WP</a>: Direct Payments WP is the ultimate plugin for WordPress users who want a simple and flexible way to accept payments. Whether you’re a freelancer, a small business owner, or running a membership site, Direct Payments WP empowers you to accept payments directly using customizable forms, invoices and pages.
</li>
</ul>
<h3>External API Notice</h3>
This plugin optionally connects to an external API to fetch additional plugin listings. The core functionality of the plugin is fully independent and remains unaffected if the API is not used.
We value user privacy and ensure that no personal or sensitive data is sent to the external API.

SVG Editor: Upload & Change Colors

SVG Editor lets you upload SVG files and change their colors directly within the WordPress Media Library.

10up

Jeffrey Paul

Daryll Doyle

Safe SVG is the best way to Allow SVG Uploads in WordPress!
It gives you the ability to allow SVG uploads whilst making sure that they’re sanitized to stop SVG/XML vulnerabilities affecting your site. It also gives you the ability to preview your uploaded SVGs in the media library in all views.
<h4>Current Features</h4>
<ul>
<li>Sanitised SVGs – Don’t open up security holes in your WordPress site by allowing uploads of unsanitised files.</li>
<li>SVGO Optimisation – Runs your SVGs through the SVGO tool on upload to save you space. This feature is disabled by default but can be enabled by adding the following code: <code>add_filter( 'safe_svg_optimizer_enabled', '__return_true' );</code></li>
<li>View SVGs in the Media Library – Gone are the days of guessing which SVG is the correct one, we’ll enable SVG previews in the WordPress media library.</li>
<li>Choose Who Can Upload – Restrict SVG uploads to certain users on your WordPress site or allow anyone to upload.</li>
</ul>
Initially a proof of concept for <a href="https://core.trac.wordpress.org/ticket/24251" rel="nofollow ugc">#24251</a>.
SVG Sanitization is done through the following library: <a href="https://github.com/darylldoyle/svg-sanitizer" rel="nofollow ugc">https://github.com/darylldoyle/svg-sanitizer</a>.
SVG Optimization is done through the following library: <a href="https://github.com/svg/svgo" rel="nofollow ugc">https://github.com/svg/svgo</a>.

Safe SVG

Our agency has a talented illustrator who is adept at creating SVGs, particularly with self-contained CSS animations. We would be loading them all manually from the theme folder with no path to easily add new or replace existing SVGs without developer involvement if it weren't for this plugin. We install Safe SVG on pretty much all sites we custom build for our clients.

I'm really hoping for some additional features to come to this plugin to better support the Gutenberg editor, since the core image block doesn't handle SVGs well. But that doesn't affect my 5-star review as the most reliable SVG upload plugin.

Agency go-to for SVG uploads

Why Automattic hates SVG has always been a source of confusion to me. Why shouldn't uploading SVG be as easy and straightforward as any other kind of (supported) image? Then again, it's true that you can write malicious code inside a SVG rather easily. The solution? Safe SVG. It cleans up a malformed or malicious SVG during the upload, so that when it arrives in your Media Library, it will already have been sanitised.

The plugin is as simple to operate as it is useful. All parts of WP that require opening the Media Library browser will now accept SVGs as well. As others have remarked, there are some outstanding issues when previewing SVGs inside Gutenberg. No surprises there — this plugin has predated Gutenberg, and (at the time of writing) has been abandoned for about two years, during which Automattic has been eagerly upgrading WordPress.

The author has not gone away, though. He is still actively developing the sanitising part of the plugin, using a library he has developed and posted on GitHub, and which has accepted several contributions and gone through many code reviews. It's possibly the reference library for SVG sanitation written in PHP.

And fortunately he's now back and has released a brand new version as of late February 2022 :)

Incredibly useful!

Great plugin, does what it says. Should be core functionality.

Why is this not a part of core?


Great plugin! very usefull, but please can you add the possibility to add an inline SVG on the block pasting svg code?



Thanks!


Wonderful + fetaure request

Enable SVG uploads and sanitize them to stop XML/SVG vulnerabilities in your WordPress website.

SVG Editor: Upload & Change Colors vs Safe SVG