SVG in Svelte-Komponente umwandeln

Nein. Die Umwandlung läuft vollständig in deinem Browser. Die Datei verlässt dein Gerät nicht – es gibt keinen Server, der sie sehen könnte. Sobald die Seite geladen ist, funktioniert das Werkzeug sogar offline.

Speichere die Datei neben deinem Code und importiere sie: import MyIcon from "./MyIcon.svelte"; Alles, was du der Komponente übergibst, landet auf dem <svg>-Element, sodass <MyIcon class="h-6 w-6" aria-hidden="true" /> wie erwartet funktioniert. Die Komponente heisst wie die Datei, in PascalCase.

Das Markup bleibt reines SVG; nur XML-Prolog, Kommentare und DOCTYPE werden entfernt. Die Komponente nutzt Svelte-5-Runes: Ihre Props landen per {...rest} auf dem Wurzelelement, typisiert als SVGAttributes<SVGSVGElement>. Ausser du schaltest «Zuerst optimieren» aus, läuft das SVG zusätzlich durch denselben Optimierer wie «SVG optimieren», was den Code spürbar verkürzt.

Skripte, Event-Handler, externe Bilder und Stylesheets werden entfernt, bevor die Komponente erzeugt wird – du lieferst nie versehentlich fremden Code aus.