SVG zusammenfügen
☞ läuft komplett in deinem Browser — nichts wird hochgeladenSVG-Dateien hier ablegen
oder klicken zum Auswählen — bis zu 12 SVG-Dateien
Vorschau
OneImageTool
Kostenlose Bildtools
SVG zusammenfügen
Fass mehrere SVG-Dateien zu einer zusammen. Ordne sie als Reihe, Spalte, Raster oder gestapelt an — jede Datei behält ihre eigenen Verläufe, Filter und Stile.
oder klicken zum Auswählen — bis zu 12 SVG-Dateien
Vorschau
kein Ausbluten zwischen Dateien
Zwei SVG-Dateien können jede für sich vollkommen gültig sein und trotzdem kaputtgehen, sobald sie sich ein Dokument teilen. Beide definieren womöglich einen Verlauf mit der ID "a", und beide bringen ein Illustrator-Stylesheet mit, in dem alles .st0 heißt. Hängt man sie aneinander, löst der zweite Verlauf still auf den ersten auf, während ein Stylesheet das andere überschreibt — die Datei öffnet sich problemlos und sieht einfach falsch aus.
Dieses Werkzeug benennt jede ID und Klasse in jeder Quelldatei mit einem eigenen Präfix um und schreibt jeden Verweis passend nach: url()-Werte, href-Fragmente, Inline-Styles und die Selektoren in style-Elementen. Anschließend landet jede Datei in einem eigenen verschachtelten svg, das ihrem Koordinatensystem einen privaten Viewport gibt.
drei Schritte
Füge bis zu 12 .svg-Dateien hinzu — sie bleiben auf deinem Gerät.
Reihe, Spalte, Raster oder gestapelt, mit dem Abstand, den du willst.
Ein SVG, das alle enthält.
kurze Antworten
Ja. Die IDs jeder Datei bekommen ein Präfix (f1-, f2- und so weiter), und jeder Verweis darauf wird mitgeschrieben. Zwei Dateien, die beide url(#a) benutzt haben, zeigen am Ende auf ihre eigene Definition, statt sich um eine zu streiten.
Die werden genauso behandelt. Exporte aus Illustrator und Figma nennen fast alles .st0 oder .cls-1, deshalb sind Klassenkollisionen häufiger als ID-Kollisionen — die class-Attribute und die Selektoren in style-Elementen bekommen gemeinsam ihr Präfix.
Ja — nutze die Pfeile in der Dateiliste. Die Reihenfolge dort ist die Reihenfolge im Layout, von links nach rechts und von oben nach unten.
Nein. Jede behält ihre eigenen Maße und wird unverändert platziert; in einer Reihe werden sie vertikal zentriert, in einem Raster ist jede Zelle so groß wie die größte Datei. Nutze zuerst den SVG-Resizer, wenn sie zueinander passen sollen.
Es legt jede Datei an dieselbe Stelle, mittig übereinander — praktisch, um ein Abzeichen über ein Icon zu legen oder zwei Versionen derselben Zeichnung zu vergleichen.
Nein. Alles wird in deinem Browser geparst und zusammengesetzt.