Eine klare Kontur. Ein passender Farbverlauf. Ein aktiver Zustand, der sich abhebt. SVG Studio bringt diese Details an den Ort, an dem du deine Website ohnehin gestaltest.
01
Finden statt zusammensuchen
Durchsuche Iconify-Sammlungen im Elementor-Icon-Dialog und importiere ausgewählte SVGs lokal in WordPress.
02
Gestalten statt austauschen
Steuere Farbe, Füllung, Kontur und Verläufe direkt im Editor. Bestehende SVGs können gezielt in die Gestaltung einbezogen werden.
03
Zustände einzeln gestalten
Normale und aktive Icons lassen sich in unterstützten Elementor-Menüs getrennt gestalten. Jedes Element behält seine eigene Einstellung.
04
Bewegung bewusst einsetzen
Zeichenanimationen mit Dauer, Verzögerung und Staffelung setzen Akzente, wenn ein Icon ins Blickfeld kommt.
Originalaufnahmen aus SVG Studio.
DIREKT IM EDITOR
Vom Fundstück.Zum eigenen Stil.
Gestaltungsbeispiel aus dem Testsystem
Konturen und Füllungen gestaltenAktive Icons separat gestaltenZeichenanimationen einstellen
Entwicklungsfortschritt
WAS DIR IM ALLTAG HILFT
Weniger Aufwand.Mehr Möglichkeiten.
Lokal im Frontend
Einmal importieren, lokal darstellen: Die fertige Website braucht für ausgewählte Icons keine Iconify-Anfrage.
Gestaltung am richtigen Ort
Farbe, Kontur und passende Animationen direkt in Elementor bearbeiten. Der Entwicklungsstand unterstützt klassische Icon-Controls.
Jeder Zustand hat seinen Ausdruck
Normale und aktive Icons in unterstützten Menüs getrennt gestalten, statt ein Design für alle Zustände zu erzwingen.
Funktionen und Pakete vergleichen
Funktionsumfang zum Release
Funktion
Free
Pro
Ultimate
Iconify-Sammlungen, Suche und Vorschau im Elementor-Dialog
✓
✓
✓
Lokal gespeicherte SVG-Imports; Frontend ohne Iconify-Anfrage
✓
✓
✓
Quellen-, Autoren- und Lizenznachweise pro Import
✓
✓
✓
Lizenzübersicht und konservativer Attributionsfilter
✓
✓
✓
Cacheübersicht, begrenzte Bereinigung und optionales Löschen bei Deinstallation
✓
✓
✓
Einfarbige Gestaltung und native Elementor Global Colors
✓
✓
✓
Füllung, Kontur und Farbverläufe bei geeigneten SVGs
—
✓
✓
Getrennte Icon-Felder und normale/aktive Menü-Zustände
—
✓
✓
Gezielte Gestaltung vorhandener Font-Awesome-/Mox-Icons und geeigneter Uploads
—
✓
✓
Zeichenanimationen, Dauer, Verzögerung und Staffelung für Konturen
—
✓
✓
Reduced Motion, SVG-Bereinigung und getrennte Render-IDs
✓
✓
✓
Klassische Elementor-Icon-Controls; keine pauschale Atomic-/Drittanbieter-Unterstützung
✓
✓
✓
Live-Demo
Die öffentliche Demo ist noch nicht verfügbar.
DEIN PASSENDES PAKET
Klein starten.Weiter wachsen.
Für den Einstieg, ambitionierte Einzelprojekte und mehrere Kundenprojekte.
Erforderliche Drittprodukte und deren Lizenzen sind nicht enthalten. Für Icon-Sammlungen gelten die jeweiligen Urheber- und Lizenzbedingungen.
GUT ZU WISSEN
Deine Fragen.Klare Antworten.
Wie kann ich SVG-Icons in Elementor gestalten?
SVG Studio verbindet die Icon-Suche mit Reglern für Farbe, Füllung und Kontur im Elementor-Editor. So kannst du dasselbe SVG an dein Design anpassen, statt für jede Variante eine neue Datei zu suchen.
Wie entsteht die Zeichenanimation eines SVGs?
Die Konturen werden zeitlich aufgebaut. Dauer, Verzögerung und Staffelung helfen, die Bewegung auf das jeweilige Icon abzustimmen. Die verfügbaren Einstellungen siehst du in den Originalaufnahmen.
Braucht die fertige Website eine Verbindung zu Iconify?
Die ausgewählten Icons werden lokal importiert. Ihre Darstellung im Frontend benötigt keine Iconify-Anfrage. Für die Suche im Editor wird die externe Icon-Suche genutzt.
Darf ich alle Icons ohne Quellenangabe verwenden?
Jede Sammlung hat ihre eigenen Lizenzbedingungen. Prüfe diese vor der Verwendung; ein Filter erleichtert die Auswahl, ersetzt aber keine Lizenzprüfung.
Ist SVG Studio schon erhältlich?
Noch nicht. Die Seite zeigt den Entwicklungsstand und Pakete. Es gibt derzeit keinen öffentlichen Kauf oder freigegebenen Download.
Beyond the obvious.
Dein nächstes Projekt.Mit Novissium?
Erzähl uns, was du vorhast. Deine Anforderungen helfen, das Produkt für den Alltag weiterzuentwickeln.
Mit deiner Zustimmung verwenden wir Google Analytics, um die Nutzung dieser Website auszuwerten. Dabei werden Nutzungsdaten an Google übertragen und Cookies gespeichert. Du kannst ablehnen oder deine Zustimmung jederzeit unter Datenschutzeinstellungen widerrufen.
