Title: WP SVG Engine Author: abineshselvarasu Published: 11 September 2026 Last modified: 15 September 2026 --- Search plugins ![](https://ps.w.org/svigent-tools/assets/banner-772x250.png?rev=3696952) ![](https://ps.w.org/svigent-tools/assets/icon-256x256.png?rev=3696952) # WP SVG Engine By [abineshselvarasu](https://profiles.wordpress.org/abineshselvarasu/) [Download](https://downloads.wordpress.org/plugin/svigent-tools.1.0.1.zip) [Live Preview](https://en-gb.wordpress.org/plugins/svigent-tools/?preview=1) * [Details](https://en-gb.wordpress.org/plugins/svigent-tools/#description) * [Reviews](https://en-gb.wordpress.org/plugins/svigent-tools/#reviews) * [Installation](https://en-gb.wordpress.org/plugins/svigent-tools/#installation) * [Development](https://en-gb.wordpress.org/plugins/svigent-tools/#developers) [Support](https://wordpress.org/support/plugin/svigent-tools/) ## Description **WP SVG Engine** is a lightweight, modern, and secure solution for using SVG (Scalable Vector Graphics) in WordPress. By default, WordPress restricts SVG uploads due to potential XML-based vulnerabilities( such as Cross-Site Scripting and XML External Entity attacks). WP SVG Engine solves this by implementing enterprise-grade DOM-level sanitization on upload, giving you complete peace of mind while designing beautiful, resolution-independent vector graphics. #### Key Features * **Enterprise-Grade SVG & SVGZ Sanitization:** Automated XML inspection powered by `enshrined/svg-sanitize` to strip malicious scripts, event listeners, and dangerous entities before files reach your disk. * **Native Media Library Previews:** Automatically fixes broken 1×1 or invisible SVG thumbnails in both Grid and List views in `wp-admin/upload.php`. * **Automatic Dimension Detection:** Parses `viewBox` and `width`/`height` coordinates on upload and writes them to WordPress attachment metadata to preserve natural aspect ratios. * **Zero-Overhead Frontend Inlining:** Replaces target `` elements with raw` ` using lightweight client-side Vanilla JS (< 2KB), enabling dynamic CSS styling (`fill: currentColor`) and hover animations. * **Smart In-Memory Caching:** Deduplicates identical SVG network requests so repeated icons on a page are downloaded only once. * **Dynamic DOM Observer:** Fully compatible with Gutenberg block insertion, Elementor, and AJAX infinite scroll using `MutationObserver`. * **Role-Based Upload Permissions:** Restrict SVG upload privileges to Administrators only or extend permissions to all users with upload capabilities (Authors/Editors). * **Lossless Vector Scaling:** Skips unnecessary raster thumbnail generation (GD/ Imagick) and disables redundant `srcset` generation to conserve server disk space. ## Screenshots [⌊WP SVG Engine Settings Screen: Intuitive configuration with live security status badge and 1-click selector copy helper.⌉⌊WP SVG Engine Settings Screen: Intuitive configuration with live security status badge and 1-click selector copy helper.⌉[ **WP SVG Engine Settings Screen:** Intuitive configuration with live security status badge and 1-click selector copy helper. ## Installation 1. Log in to your WordPress Admin Dashboard. 2. Navigate to **Plugins Add New**. 3. Search for **WP SVG Engine** or upload the `svigent-tools.zip` archive. 4. Click **Install Now** and activate the plugin. 5. Go to **Settings WP SVG Engine** to configure permissions and inlining preferences. ## FAQ ### Why does WordPress restrict SVG uploads by default? SVG files are XML documents, meaning they can contain executable JavaScript and external entity references that could lead to Cross-Site Scripting (XSS) or XXE attacks. WP SVG Engine strips all hazardous elements during upload while preserving all visual graphics, gradients, and shapes. ### How do I render an SVG inline on the frontend? 1. Enable **Frontend Inline Rendering** under **Settings WP SVG Engine**. 2. Add the class `style-svg` (or your custom selector) to any Image block or element. 3. WP SVG Engine will automatically convert the `` tag into an inline `` element on the frontend. ### Does WP SVG Engine work with page builders? Yes! WP SVG Engine works out of the box with the WordPress Block Editor (Gutenberg), Elementor, Beaver Builder, Divi, and classic themes. ### Do I need to write code to use WP SVG Engine? No! WP SVG Engine works automatically. Once enabled, you can upload SVGs and style them using simple settings in your WordPress Admin. ## Reviews There are no reviews for this plugin. ## Contributors and Developers “WP SVG Engine” is open source software. The following people have contributed to this plugin. Contributors * [ abineshselvarasu ](https://profiles.wordpress.org/abineshselvarasu/) [Translate “WP SVG Engine” into your language.](https://translate.wordpress.org/projects/wp-plugins/svigent-tools) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/svigent-tools/), check out the [SVN repository](https://plugins.svn.wordpress.org/svigent-tools/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/svigent-tools/) by [RSS](https://plugins.trac.wordpress.org/log/svigent-tools/?limit=100&mode=stop_on_copy&format=rss). ## Change Log #### 1.0.1 * UI & Responsiveness: Redesigned the settings screen layout into a clean, single- column workflow with enhanced mobile and tablet responsiveness. * UI: Redesigned the Quick Inlining Guide copy-class box with a primary action button and border styling. * Directory Assets: Added high-resolution icons, banners, and WordPress Playground blueprint configuration. #### 1.0.0 * Initial release. * Added safe SVG and SVGZ upload handling. * Integrated DOM-level XML sanitization via `enshrined/svg-sanitize`. * Added Media Library grid and list thumbnail preview styling. * Added automatic `viewBox` dimension extraction and attachment metadata normalization. * Added client-side Vanilla JS inlining engine with in-memory caching and `MutationObserver`. * Added role-based upload restriction settings. ## Meta * Version **1.0.1** * Last updated **1 day ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **7.1** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/svigent-tools/) * Tags * [inline svg](https://en-gb.wordpress.org/plugins/tags/inline-svg/)[safe svg](https://en-gb.wordpress.org/plugins/tags/safe-svg/) [SVG](https://en-gb.wordpress.org/plugins/tags/svg/)[Vector](https://en-gb.wordpress.org/plugins/tags/vector/) * [Advanced View](https://en-gb.wordpress.org/plugins/svigent-tools/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/svigent-tools/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/svigent-tools/reviews/) ## Contributors * [ abineshselvarasu ](https://profiles.wordpress.org/abineshselvarasu/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/svigent-tools/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://wordpress.org/plugins/svigent-tools/)