Vector Studio und 3D-Icon-Arbeitsbereich
Interaktives Browser-Studio zum Anpassen von SVG-Pfaden, mehrstufigen Verläufen, 3D-volumetrischer Beleuchtung, Bewegungsanimationen und Code-Export für mehrere Frameworks.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
Hefte mehrere angepasste Symbole an und baue ein gemeinsames Symbolblatt.
Noch keine Symbole angeheftet. Hefte Symbole an, um sie in einem Blatt zu sammeln.
KI-Prompts erzeugen oder Symbol auf der Leinwand verbessern
Wähle eine Vorlage, kopiere den Prompt in dein KI-Werkzeug oder verbessere das Symbol auf der Leinwand.
Vector Studio und 3D-Icon-Arbeitsbereich
Interaktives Browser-Studio zum Anpassen von SVG-Pfaden, mehrstufigen Verläufen, 3D-volumetrischer Beleuchtung, Bewegungsanimationen und Code-Export für mehrere Frameworks.
W3C-SVG-Dateien (1.1/2.0), rohes XML-Markup oder integrierte Katalog-Icons
Optimiertes SVG, PNG (64–2048 px), WebP, React TSX, Vue 3, Svelte, CSS Data URI, SVG-Sprite
Vereint Pfadbearbeitung, 3D-Beleuchtung, Optimierung und Code-Export direkt im Browser
So verwendest du Vector Studio und 3D-Icon-Arbeitsbereich
-
1
Öffnen Sie das Studio über das Menü „Werkzeuge“ und starten Sie eine Grafik oder importieren Sie eine SVG-Datei.
-
2
Bearbeiten Sie Ebenen, Farben, Farbverläufe und Konturstärken direkt im Inspektor.
-
3
Wenden Sie 3D-Lichtvoreinstellungen oder Bewegungsanimationen für Icon-Badges an.
-
4
Exportieren Sie sauberes SVG, hochauflösendes PNG/WebP oder kopieren Sie Framework-Code.
shield.svg von der Festplatte importiert (einzelne Pfadebene)
SVG mit abgestimmtem Farbverlauf sowie JSX-Komponente mit className-Unterstützung
Einschränkungen
- 3D-Lichtvoreinstellungen wirken am besten auf konvexen Formen mit einer Hauptlichtquelle.
- Der Rückgängig-Verlauf speichert maximal 50 Schritte pro Sitzung.
- Die maximale Dateigröße beim Import beträgt 2 MiB pro Datei.
Dateien, die Sie in diesem Arbeitsbereich öffnen oder einfügen, werden lokal in Ihrem Browser verarbeitet. Nichts wird auf einen Server hochgeladen.