{"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-11T04:04:05","modified_gmt":"2026-09-11T04:04:05","slug":"svigent-tools","status":"publish","type":"plugin","link":"https:\/\/is.wordpress.org\/plugins\/svigent-tools\/","author":23560247,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Svigent Tools","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":"","last_updated":"2026-09-11 04:04:05","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":41,"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-11 04:04:05","revision":3690732}},"upgrade_notice":[],"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3690732,"resolution":"1","location":"assets","locale":"","width":1064,"height":849}},"screenshots":{"1":"Svigent Tools Settings Screen:<\/strong> Intuitive configuration with live security status badge and 1-click selector copy helper.","2":"Media Library Grid Preview:<\/strong> Crisp, native vector thumbnails in the WordPress Media Library.","3":"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":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/svigent-tools.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/svigent-tools\/assets\/screenshot-1.png?rev=3690732","caption":"Svigent Tools Settings Screen:<\/strong> Intuitive configuration with live security status badge and 1-click selector copy helper."}],"raw_content":"\n

Svigent Tools<\/strong> is a lightweight, modern, and secure solution for using SVG (Scalable Vector Graphics) in WordPress.<\/p>\n\n

By default, WordPress restricts SVG uploads due to potential XML-based vulnerabilities (such as Cross-Site Scripting and XML External Entity attacks). Svigent Tools 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

Key Features<\/h4>\n\n
    \n
  • Enterprise-Grade SVG & SVGZ Sanitization:<\/strong> Automated XML inspection powered by enshrined\/svg-sanitize<\/code> to strip malicious scripts, event listeners, and dangerous entities before files reach your disk.<\/li>\n
  • Native Media Library Previews:<\/strong> Automatically fixes broken 1x1 or invisible SVG thumbnails in both Grid and List views in wp-admin\/upload.php<\/code>.<\/li>\n
  • Automatic Dimension Detection:<\/strong> Parses viewBox<\/code> and width<\/code>\/height<\/code> coordinates on upload and writes them to WordPress attachment metadata to preserve natural aspect ratios.<\/li>\n
  • Zero-Overhead Frontend Inlining:<\/strong> Replaces target <img><\/code> elements with raw <svg><\/code> using lightweight client-side Vanilla JS (< 2KB), enabling dynamic CSS styling (fill: currentColor<\/code>) and hover animations.<\/li>\n
  • Smart In-Memory Caching:<\/strong> Deduplicates identical SVG network requests so repeated icons on a page are downloaded only once.<\/li>\n
  • Dynamic DOM Observer:<\/strong> Fully compatible with Gutenberg block insertion, Elementor, and AJAX infinite scroll using MutationObserver<\/code>.<\/li>\n
  • 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
  • Lossless Vector Scaling:<\/strong> Skips unnecessary raster thumbnail generation (GD\/Imagick) and disables redundant srcset<\/code> generation to conserve server disk space.<\/li>\n<\/ul>\n\n\n
      \n
    1. Log in to your WordPress Admin Dashboard.<\/li>\n
    2. Navigate to Plugins \u2192 Add New<\/strong>.<\/li>\n
    3. Search for Svigent Tools<\/strong> or upload the svigent-tools.zip<\/code> archive.<\/li>\n
    4. Click Install Now<\/strong> and activate the plugin.<\/li>\n
    5. Go to Settings \u2192 Svigent Tools<\/strong> to configure permissions and inlining preferences.<\/li>\n<\/ol>\n\n\n
      \n

      Why does WordPress restrict SVG uploads by default?<\/h3><\/dt>\n

      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. Svigent Tools strips all hazardous elements during upload while preserving all visual graphics, gradients, and shapes.<\/p><\/dd>\n

      How do I render an SVG inline on the frontend?<\/h3><\/dt>\n
        \n
      1. Enable Frontend Inline Rendering<\/strong> under Settings \u2192 Svigent Tools<\/strong>.<\/li>\n
      2. Add the class style-svg<\/code> (or your custom selector) to any Image block or element.<\/li>\n
      3. Svigent Tools will automatically convert the <img><\/code> tag into an inline <svg><\/code> element on the frontend.<\/li>\n<\/ol><\/dd>\n

        Does Svigent Tools work with page builders?<\/h3><\/dt>\n

        Yes! Svigent Tools works out of the box with the WordPress Block Editor (Gutenberg), Elementor, Beaver Builder, Divi, and classic themes.<\/p><\/dd>\n

        Do I need to write code to use Svigent Tools?<\/h3><\/dt>\n

        No! Svigent Tools 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\n

        1.0.0<\/h4>\n\n
          \n
        • Initial release.<\/li>\n
        • Added safe SVG and SVGZ upload handling.<\/li>\n
        • Integrated DOM-level XML sanitization via enshrined\/svg-sanitize<\/code>.<\/li>\n
        • Added Media Library grid and list thumbnail preview styling.<\/li>\n
        • Added automatic viewBox<\/code> dimension extraction and attachment metadata normalization.<\/li>\n
        • Added client-side Vanilla JS inlining engine with in-memory caching and MutationObserver<\/code>.<\/li>\n
        • Added role-based upload restriction settings.<\/li>\n<\/ul>","raw_excerpt":"Enable safe SVG & 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:\/\/is.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/363897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/is.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/is.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/is.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=363897"}],"author":[{"embeddable":true,"href":"https:\/\/is.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/abineshselvarasu"}],"wp:attachment":[{"href":"https:\/\/is.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=363897"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/is.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=363897"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/is.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=363897"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/is.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=363897"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/is.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=363897"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/is.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=363897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}