About this plugin
Other SVG plugins let you upload the file. This one lets you edit it, without leaving WordPress and without Illustrator, Figma or an online converter.
Open any SVG from your media library in a built-in studio and recolour it, merge or drop a colour across the whole graphic, simplify its curves, remove the specks left over from a trace, and inspect every path and anchor point with a live count. Drop in a PNG or JPG logo and it is traced into a clean, editable vector. All of it runs in your browser, and the result saves straight back to your own media library.
That is the part almost no other SVG plugin does. The rest of what an SVG workflow needs is here too, so you do not need a second plugin alongside it: uploads are enabled and sanitized, and graphics can be embedded inline so your theme CSS can reach inside them.
The studio is the point
- Trace a PNG or JPG logo into a clean, editable vector
- Recolour, merge two near identical colours, or drop a colour entirely
- Simplify the curves so the file draws cleaner and weighs less
- Remove stray specks left over from a trace
- Inspect outlines, individual paths, and every anchor point with a live count
- Bulk recolour across many files at once
- Save an animated copy, so a graphic can move even where a theme outputs a plain image tag
Tracing and editing run in your browser. Results save straight back to your own media library as normal attachments on your own domain.
Safe uploads
Every SVG you upload is parsed into a document and rebuilt from a strict allow list of drawing, paint and text tags. Scripts, event handler attributes, foreign objects, embedded objects and references to external resources are removed before the file is stored. Because the result is rebuilt from a clean tree rather than filtered as text, malformed or obfuscated markup has nothing to hide in.
Files that cannot be made safe are refused rather than stored.
You can also restrict which roles are allowed to upload SVG files, which is worth doing on a site with many contributors.
Inline embedding
Place an SVG on a page as real markup instead of a flat image. That is what lets your CSS recolour it on hover, scale it crisply at any size, and animate individual shapes.
It is available natively in whichever editor you already use: a block in the block editor, a widget in Elementor with colour and hover colour controls, an element in WPBakery, and a shortcode for classic themes. All four produce the same standard inline SVG, so nothing is locked to one builder.
Twenty starters, included
No SVG to hand? Twenty marks are bundled with the plugin and appear in the studio: arrows, a tick,
a spinner, loading dots, a bell, a cart, a heart, a star and more, plus a bouncing ball and a
wordmark that show off what the tool does. Every one is already animated, drawn on the same grid,
and free to use and edit however you like. Nothing is fetched from anywhere.
Optional motion
An SVG placed with the block, widget, element or shortcode can use one of four motion settings: off, drift, breathe or sheen. Off is the default. Motion is applied when the page renders, so the stored file stays a clean still graphic and you can change or remove the effect at any time.
There is one deliberate exception. A theme’s own logo or image field outputs a plain image tag, which our render-time motion cannot reach, so the studio can also save an animated copy: the motion is written inside that file and plays anywhere it is shown. It is always a separate file, and your original is never changed.
Visitors who have asked their system to reduce motion see a still graphic either way.
Nothing leaves your site
Sanitizing, tracing and editing all happen on your own server or in your own browser. This plugin sends nothing anywhere, contacts no other server, and has no account, no key and no sign-up.