SVG Forge

PRO
Support Center

Frequently Asked Questions

Everything you need to know about SVG Forge features, pricing, and technical details.

General Questions

Will this break my theme or plugins?
No — SVG Forge is built to be fully compatible with any WordPress theme and plugin. It follows WordPress best practices and never modifies core files. It uses filters and hooks to safely inline SVGs.
Is SVG safe to use in WordPress?
Yes — when properly sanitized. SVG Forge automatically sanitizes all uploads, removing scripts, malicious attributes, and XSS risks.
Does SVG Forge work with page builders?
Free version works with Gutenberg and standard themes.
Pro version: Includes full Elementor & Elementor Pro integration with a dedicated widget, live preview, and advanced inline control.
How does the inline SVG feature work?
Instead of loading SVGs as <img> tags, SVG Forge converts them into <svg> tags automatically on the frontend, allowing CSS styling, animations, and interactivity.
Can I disable auto inline for some SVGs?
Yes — advanced inline settings in Pro allow you to exclude pages, templates, or specific SVGs from automatic inline rendering.

Licensing & Billing

Can I use Pro version on client websites?
Yes — licenses are tiered: single-site, 5-site, or unlimited site options. You can deploy Pro features on client projects according to your license.
Can I cancel my subscription anytime?
Yes — there’s no lock-in. Free features remain fully functional even after cancellation. PRO features stop receiving updates and premium support after expiration.
What happens if I don’t renew my Pro license?
The plugin continues to work, but you lose access to updates, premium icon libraries, and priority support.
How do I upgrade from Free to Pro?
From your WordPress dashboard, go to SVG Forge → Upgrade to Pro, choose a license, and complete the purchase. Pro features unlock immediately after license activation.

Installation & Setup

How do I install SVG Forge?
  1. Download the plugin from WordPress.org (Free) or DevMUBS.com (Pro).
  2. Go to Plugins → Add New → Upload Plugin.
  3. Activate the plugin.
  4. Configure settings in SVG Forge → Settings.
What are the default settings I should check?
  • Enable SVG Upload: Free + Pro
  • Auto Inline Mode: Free + Pro (can be customized in Pro)
  • Global Styling: Default width, height, CSS class
  • Trusted SVG Sources: Add Pro icon library if available
How do I use SVG Forge with Elementor? (Pro only)
  1. Install Elementor / Elementor Pro.
  2. Open a page in Elementor editor.
  3. Drag the SVG Forge Widget onto the canvas.
  4. Select an SVG from your library or upload a new one.
  5. Customize size, color, hover effects, and animations.
  6. Preview changes live on the editor.

Advanced & Developer

Can developers exclude SVGs from inline?
Use filter: svg_forge_exclude_from_inline($html_content)
Can I add custom trusted SVG sources?
Use filter: svg_forge_trusted_sources(array $sources)
Can I style inline SVGs globally via CSS?
Yes — use the CSS class from settings (default .devmubs-svg)
Can SVG Forge handle SVGs added by other plugins?
Yes — Pro version scanner detects SVGs from themes and other plugins for editing.

Features Overview

Free Version

  • Safe SVG Upload & Sanitization
  • Auto Inline SVG Rendering
  • Global Styling Controls (Width, Height, CSS Class)
  • Works with Gutenberg & Standard Themes
  • Basic Plugin/Theme Compatibility
  • Performance-Optimized Rendering
Download Free
PRO

Pro Version

  • Frontend SVG Scanner – list all site SVGs
  • Visual SVG Editor – resize, recolor, animate
  • Elementor & Elementor Pro Integration
  • Trusted SVG Icon Library (500+ icons)
  • Advanced Inline Control (Include/Exclude)
  • SVG Animations Pack (Pulse, Morph, etc.)
  • White Label Branding
  • Priority Support & Updates
Upgrade to Pro

Usage Tips for Developers

Excluding specific SVGs

You can programmatically prevent SVGs from being inlined using our filters.

add_filter('svg_forge_exclude_from_inline', '__return_true');

Custom CSS Styling

Target all inlined SVGs or specific ones using the global class.

.devmubs-svg { fill: currentColor; transition: all 0.3s; }