SVG Support

SVG Support

The complete SVG solution for WordPress — secure, flexible, and easy to use. Upload SVGs to your media library with built-in sanitization, then style and animate them with CSS & JS.

1,000,000+ active installs · free & open source · built and maintained by one person since 2013

Get the plugin Try it live in your browser

↑ That logo is a live inline SVG animated with CSS — exactly what SVG Support unlocks on your site.

Why SVG Support?

WordPress blocks SVG uploads out of the box. SVG Support enables them the right way — securely — and goes far beyond a simple unlock.

🔒

Security first

Built-in sanitization strips potentially harmful code from every SVG on upload. Role-based upload restrictions and full MIME type validation included.

🎨

Designer friendly

Render SVGs inline to style and animate every element inside them with plain CSS. Custom class targeting and automatic dimension handling.

💻

Developer ready

Advanced mode, REST API support, extensive hooks and filters, and full Block Editor (Gutenberg) compatibility.

⚡

Fast & lean

Optional SVG minification on upload keeps files small. Front-end JS only loads when you actually use Advanced Mode.

🧩

Works everywhere

Image blocks, Cover blocks, featured images, widgets, Classic Editor, page builders, and multisite — it just works.

🆓

Free & open source

GPLv2 licensed, developed in the open on GitHub, and free forever. Kept alive by community donations.

Up and running in minutes

Install & activate

Search “SVG Support” in Plugins → Add New, or grab it from WordPress.org. Activate it and you can upload SVGs immediately.

Upload SVGs like any image

Drop SVG files into your media library. They're automatically sanitized and work in Image blocks, Cover blocks, and as featured images.

Go inline for styling magic

Enable Advanced Mode and add the style-svg class to any image — the plugin swaps it for the real SVG code so you can target its internals with CSS.

<img class="style-svg" src="graphic.svg" />

Tutorials

Everything you need to get the most out of SVG Support, from first upload to CSS animation.

🚀

Getting started

Install the plugin, upload your first SVG, and understand sanitization.

 📐

Inline rendering

Use the style-svg class to swap img tags for real SVG code.

 ✨

Styling & animation

Target elements inside your SVGs with CSS and bring them to life.

 🖼️

Featured images

Use SVGs as featured images and render them inline per post.

 ⚙️

Settings reference

Every option explained, from role restrictions to Force Inline.

 💬

FAQ & troubleshooting

Answers to the most common questions and quirks.