SVG Support

by Benbodhi

4.8

(356 ratings)

The complete SVG solution for WordPress – secure, flexible, and easy to use.

SVG Support enables secure SVG uploads with powerful features for both basic users and developers:

✨ Key Features:
– Secure SVG uploads with automatic sanitization
– Inline rendering for direct CSS/JS manipulation
– File size optimization through minification
– Role-based access control
– Advanced developer options
– Multisite compatible
– Full Block Editor (Gutenberg) compatibility

🔒 Security First:
– Built-in sanitization removes potentially harmful code
– Role-based upload restrictions
– Comprehensive MIME type validation

🎨 Designer Friendly:
– Direct styling of SVG elements
– Animation support
– Custom class targeting
– Automatic dimension handling

💻 Developer Ready:
– Advanced mode for additional features
– REST API support
– Gutenberg compatible
– Extensive hooks and filters

Usage

Basic Usage:
– First, install and activate SVG Support via your WordPress dashboard
– Upload SVG files to your media library like any other image
– Works seamlessly with Image blocks, Cover blocks and featured images

Advanced Usage:
– Enable “Advanced Mode” for minification and inline rendering
– Customize with hooks and filters for tailored functionality

Block Editor Usage:
– Use Advanced Mode to enable inline rendering:
– Add the "style-svg" class to Image blocks
– Add the "style-svg" class to Cover blocks to render SVG backgrounds inline
– Use “Skip Nested SVGs” setting to control inline rendering of SVGs within Cover blocks

Classic Editor Usage:
– Use Advanced Mode to add the "style-svg" class to <img> tags for inline rendering
– Enable “Auto Insert Class” option for automatic class insertion in Classic Editor

Common Issues & Solutions:
– SVG not displaying? Ensure dimensions are set in CSS.
– Need help? Use the support tab and I will do my best to assist you.

Spin up a test site

With a single click, you can spin up a completely free test site to test SVG Support using TasteWP! No sign up, no cards, nothing! How cool is that? Give it a go:
Click Here to spin up a test site in seconds

Security

SVG Support prioritizes security with automatic sanitization and role-based restrictions. Only trusted users should have upload permissions. Configure settings to balance functionality and security.

External Services

SVG Support does not send your data anywhere on its own — everything it does (uploads, sanitization, inline rendering) happens entirely on your own site.

The one exception is opt-in: the plugin’s settings screen offers a sign-up form for the SVG Support Pro waitlist. If — and only if — you type your email address into that form and submit it, your browser sends that email address, plus a fixed label marking the plugin settings screen as the source (utm_source=svg-support-plugin), to Kit (kit.com), the newsletter service used for SVG Support announcements. Nothing is transmitted if you never use the form, no information is collected in the background, and every email includes a one-click unsubscribe.

Kit terms of service: https://kit.com/terms
Kit privacy policy: https://kit.com/privacy