{"id":363897,"date":"2026-09-11T04:04:18","date_gmt":"2026-09-11T04:04:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/svgflow\/"},"modified":"2026-09-15T13:47:48","modified_gmt":"2026-09-15T13:47:48","slug":"svigent-tools","status":"publish","type":"plugin","link":"https:\/\/bho.wordpress.org\/plugins\/svigent-tools\/","author":23560247,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.1","stable_tag":"1.0.1","tested":"7.1.1","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"WP SVG Engine","header_author":"Abinesh Selvarasu","header_description":"Safe SVG Upload & Smart Inliner. Enable safe SVG & SVGZ uploads with automated DOM sanitization, clean Media Library thumbnail previews, automatic dimension detection, and high-performance client-side inline rendering.","assets_banners_color":"0f2d4a","last_updated":"2026-09-15 13:47:48","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/wordpress.org\/plugins\/svigent-tools\/","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/svigent-tools\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":123,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"abineshselvarasu","date":"2026-09-15 12:22:08","revision":3696952},"1.0.1":{"tag":"1.0.1","author":"abineshselvarasu","date":"2026-09-15 13:47:48","revision":3697074}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3696952,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3696952,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3696952,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3696952,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3697076,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"landingPage\":\"\\\/wp-admin\\\/options-general.php?page=svigent-tools\",\"preferredVersions\":{\"php\":\"8.2\",\"wp\":\"latest\"},\"phpExtensionBundles\":[\"kitchen-sink\"],\"features\":{\"networking\":false},\"steps\":[{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"},{\"step\":\"installPlugin\",\"options\":{\"activate\":true},\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"svigent-tools\"}},{\"step\":\"setSiteOptions\",\"options\":{\"blogname\":\"WP SVG Engine Demo\",\"blogdescription\":\"Live Preview \\u2014 WP SVG Engine Plugin\"}}]}"}},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3697007,"resolution":"1","location":"assets","locale":"","width":1053,"height":1176}},"screenshots":{"1":"<strong>WP SVG Engine Settings Screen:<\/strong> Intuitive configuration with live security status badge and 1-click selector copy helper.","2":"<strong>Media Library Grid Preview:<\/strong> Crisp, native vector thumbnails in the WordPress Media Library.","3":"<strong>Block Editor Integration:<\/strong> Seamless inline SVG styling using standard WordPress image classes."}},"plugin_section":[],"plugin_tags":[275014,200126,2904,280159,2905],"plugin_category":[],"plugin_contributors":[280160],"plugin_business_model":[],"class_list":["post-363897","plugin","type-plugin","status-publish","hentry","plugin_tags-inline-svg","plugin_tags-safe-svg","plugin_tags-svg","plugin_tags-svg-tools","plugin_tags-vector","plugin_contributors-abineshselvarasu","plugin_committers-abineshselvarasu"],"banners":{"banner":"https:\/\/ps.w.org\/svigent-tools\/assets\/banner-772x250.png?rev=3696952","banner_2x":"https:\/\/ps.w.org\/svigent-tools\/assets\/banner-1544x500.png?rev=3696952","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/svigent-tools\/assets\/icon-128x128.png?rev=3696952","icon_2x":"https:\/\/ps.w.org\/svigent-tools\/assets\/icon-256x256.png?rev=3696952","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/svigent-tools\/assets\/screenshot-1.png?rev=3697007","caption":"<strong>WP SVG Engine Settings Screen:<\/strong> Intuitive configuration with live security status badge and 1-click selector copy helper."}],"raw_content":"<!--section=description-->\n<p><strong>WP SVG Engine<\/strong> is a lightweight, modern, and secure solution for using SVG (Scalable Vector Graphics) in WordPress.<\/p>\n\n<p>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.<\/p>\n\n<h4>Key Features<\/h4>\n\n<ul>\n<li><strong>Enterprise-Grade SVG &amp; SVGZ Sanitization:<\/strong> Automated XML inspection powered by <code>enshrined\/svg-sanitize<\/code> to strip malicious scripts, event listeners, and dangerous entities before files reach your disk.<\/li>\n<li><strong>Native Media Library Previews:<\/strong> Automatically fixes broken 1x1 or invisible SVG thumbnails in both Grid and List views in <code>wp-admin\/upload.php<\/code>.<\/li>\n<li><strong>Automatic Dimension Detection:<\/strong> Parses <code>viewBox<\/code> and <code>width<\/code>\/<code>height<\/code> coordinates on upload and writes them to WordPress attachment metadata to preserve natural aspect ratios.<\/li>\n<li><strong>Zero-Overhead Frontend Inlining:<\/strong> Replaces target <code>&lt;img&gt;<\/code> elements with raw <code>&lt;svg&gt;<\/code> using lightweight client-side Vanilla JS (&lt; 2KB), enabling dynamic CSS styling (<code>fill: currentColor<\/code>) and hover animations.<\/li>\n<li><strong>Smart In-Memory Caching:<\/strong> Deduplicates identical SVG network requests so repeated icons on a page are downloaded only once.<\/li>\n<li><strong>Dynamic DOM Observer:<\/strong> Fully compatible with Gutenberg block insertion, Elementor, and AJAX infinite scroll using <code>MutationObserver<\/code>.<\/li>\n<li><strong>Role-Based Upload Permissions:<\/strong> Restrict SVG upload privileges to Administrators only or extend permissions to all users with upload capabilities (Authors\/Editors).<\/li>\n<li><strong>Lossless Vector Scaling:<\/strong> Skips unnecessary raster thumbnail generation (GD\/Imagick) and disables redundant <code>srcset<\/code> generation to conserve server disk space.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Log in to your WordPress Admin Dashboard.<\/li>\n<li>Navigate to <strong>Plugins \u2192 Add New<\/strong>.<\/li>\n<li>Search for <strong>WP SVG Engine<\/strong> or upload the <code>svigent-tools.zip<\/code> archive.<\/li>\n<li>Click <strong>Install Now<\/strong> and activate the plugin.<\/li>\n<li>Go to <strong>Settings \u2192 WP SVG Engine<\/strong> to configure permissions and inlining preferences.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"why%20does%20wordpress%20restrict%20svg%20uploads%20by%20default%3F\"><h3>Why does WordPress restrict SVG uploads by default?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"how%20do%20i%20render%20an%20svg%20inline%20on%20the%20frontend%3F\"><h3>How do I render an SVG inline on the frontend?<\/h3><\/dt>\n<dd><ol>\n<li>Enable <strong>Frontend Inline Rendering<\/strong> under <strong>Settings \u2192 WP SVG Engine<\/strong>.<\/li>\n<li>Add the class <code>style-svg<\/code> (or your custom selector) to any Image block or element.<\/li>\n<li>WP SVG Engine will automatically convert the <code>&lt;img&gt;<\/code> tag into an inline <code>&lt;svg&gt;<\/code> element on the frontend.<\/li>\n<\/ol><\/dd>\n<dt id=\"does%20wp%20svg%20engine%20work%20with%20page%20builders%3F\"><h3>Does WP SVG Engine work with page builders?<\/h3><\/dt>\n<dd><p>Yes! WP SVG Engine works out of the box with the WordPress Block Editor (Gutenberg), Elementor, Beaver Builder, Divi, and classic themes.<\/p><\/dd>\n<dt id=\"do%20i%20need%20to%20write%20code%20to%20use%20wp%20svg%20engine%3F\"><h3>Do I need to write code to use WP SVG Engine?<\/h3><\/dt>\n<dd><p>No! WP SVG Engine works automatically. Once enabled, you can upload SVGs and style them using simple settings in your WordPress Admin.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>UI &amp; Responsiveness: Redesigned the settings screen layout into a clean, single-column workflow with enhanced mobile and tablet responsiveness.<\/li>\n<li>UI: Redesigned the Quick Inlining Guide copy-class box with a primary action button and border styling.<\/li>\n<li>Directory Assets: Added high-resolution icons, banners, and WordPress Playground blueprint configuration.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>Added safe SVG and SVGZ upload handling.<\/li>\n<li>Integrated DOM-level XML sanitization via <code>enshrined\/svg-sanitize<\/code>.<\/li>\n<li>Added Media Library grid and list thumbnail preview styling.<\/li>\n<li>Added automatic <code>viewBox<\/code> dimension extraction and attachment metadata normalization.<\/li>\n<li>Added client-side Vanilla JS inlining engine with in-memory caching and <code>MutationObserver<\/code>.<\/li>\n<li>Added role-based upload restriction settings.<\/li>\n<\/ul>","raw_excerpt":"Enable safe SVG &amp; SVGZ uploads with automated DOM sanitization, Media Library preview fixes, dimension detection, and fast client-side inlining.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/363897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=363897"}],"author":[{"embeddable":true,"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/abineshselvarasu"}],"wp:attachment":[{"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=363897"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=363897"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=363897"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=363897"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=363897"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/bho.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=363897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}