A crisp stroke. A considered gradient. An active state that stands out. SVG Studio brings those details to the place where you already design your website.
01
Find your next icon
Search Iconify collections inside Elementor’s icon dialog and import selected SVGs locally into WordPress.
02
Style instead of replace
Control colors, fills, strokes and gradients in the editor. Existing SVGs can be selectively brought into the design controls.
03
Give each state its own style
Style normal and active icons separately in supported Elementor menus. Each item retains its own settings.
04
Add purposeful motion
Draw animations with duration, delay and stagger add emphasis as an icon enters the viewport.
Original screenshots from SVG Studio.
INSIDE THE EDITOR
From discovery.To your own style.
Styling example from the test environment
Style strokes and fillsStyle active icons separatelyConfigure draw animations
Development progress
WHAT HELPS IN YOUR WORK
Less effort.More possibilities.
Local on your website
Import once, render locally: selected icons do not need a frontend Iconify request.
Style where you work
Edit color, strokes and suitable animations inside Elementor. The development build supports classic icon controls.
A style for each state
Style normal and active icons separately in supported menus.
Compare features and plans
Feature scope at release
Feature
Free
Pro
Ultimate
Iconify collections, search and previews inside Elementor
✓
✓
✓
Local SVG imports; no frontend Iconify request
✓
✓
✓
Source, author and license records per import
✓
✓
✓
License overview and conservative attribution filter
✓
✓
✓
Cache overview, bounded cleanup and optional uninstall cleanup
✓
✓
✓
Single-color styling and native Elementor Global Colors
✓
✓
✓
Fills, strokes and gradients for compatible SVGs
—
✓
✓
Separate icon fields and normal/active menu states
—
✓
✓
Opt-in styling for existing Font Awesome/Mox icons and compatible uploads
—
✓
✓
Stroke draw animations, duration, delay and stagger
—
✓
✓
Reduced motion, SVG sanitization and per-render IDs
✓
✓
✓
Classic Elementor icon controls; no blanket Atomic/third-party support
✓
✓
✓
Live demo
The public demo is not available yet.
YOUR RIGHT FIT
Start small.Build further.
For getting started, ambitious individual projects and multiple client projects.
Required third-party products and their licenses are not included. Icon collections remain subject to their respective copyright and license terms.
GOOD TO KNOW
Your questions.Clear answers.
How can I style SVG icons in Elementor?
SVG Studio combines icon search with color, fill and stroke controls in the Elementor editor. Adapt the same SVG to your design instead of searching for a separate file for every variation.
How does an SVG draw animation work?
The outlines are drawn over time. Duration, delay and stagger let you adjust the motion to your icon. The original screenshots show the available controls.
Does the published website need an Iconify connection?
Selected icons are imported locally. Their frontend display does not require an Iconify request. Icon searches in the editor use the external search service.
Can every icon be used without attribution?
Each collection has its own license terms. Review them before use; a filter helps selection but does not replace a license check.
Is SVG Studio available yet?
Not yet. This page presents the development build and plans. There is currently no public checkout or approved download.
Beyond the obvious.
Your next project.With Novissium?
Tell us what you have in mind. Your requirements help shape a product for everyday work.
With your permission, we use Google Analytics to understand how this website is used. Usage data is transferred to Google and cookies are stored. You can decline or withdraw your consent at any time in Privacy settings.
