SVG zu Vue-Komponente

Mach aus jedem SVG eine Vue-3-Single-File-Component.

oder Datei ablegen / Code unten einfügen

Die Ausgabe ist eine Vue-3-SFC mit script-setup; Attribute werden an das Wurzel-SVG durchgereicht.

Vue-3-SFC
Die Ausgabe erscheint hier

So funktioniert es

  1. 1Füge SVG-Code ein oder lege eine .svg-Datei ab.
  2. 2Das Werkzeug verpackt es in eine Vue-3-SFC mit Attributweitergabe.
  3. 3Kopiere den Inhalt der .vue-Datei in dein Projekt.

Kostenlos, ohne Registrierung, ohne Wasserzeichen — alles läuft lokal in deinem Browser, deine Dateien verlassen also nie deinen Rechner.

Häufige Fragen

Vue 2 oder Vue 3?

Die Ausgabe zielt auf Vue-3-SFCs mit script-setup, die auch in Vue-2.7-Projekten funktionieren.

Verwandte Werkzeuge