SVG-Spiralen-Generator

Erzeugen Sie in Sekunden gestochen scharfe SVG-Spiralen

Spiralen gehören zu den zeitlosesten dekorativen Formen — sie erscheinen in Logos, Buchornamenten, Illustrationen im Nautilus-Stil, hypnotischen Hintergründen und Musikcovern. Dieser SVG-Spiralen-Generator erzeugt ein einzelnes sauberes <path>-Element, das Sie in jede Webseite, jedes Design-Tool oder druckfertige Datei einfügen können.

Zwei Spiraltypen

• Archimedisch — der Radius wächst linear mit dem Winkel, sodass jede Windung denselben Abstand zur nächsten hat. Das ist der klassische Look einer aufgerollten Spule.
• Logarithmisch — der Radius wächst exponentiell und erzeugt dieses natürliche Nautilus- bzw. Golden-Spirale-Gefühl, bei dem sich die Windungen nach außen schnell verbreitern.

Steuerung

• Windungen — Anzahl der vollständigen Umdrehungen. Von einer halben bis zu zwanzig Windungen.
• Start- & Endradius (archimedisch) — Innen- und Außenradius. Ziehen Sie den Kern enger zusammen oder schieben Sie den äußeren Rand weiter nach außen.
• Wachstum (logarithmisch) — wie schnell sich die Windungen voneinander entfernen. Kleine Werte ergeben eine enge Spule; große Werte eine dramatische, weite Spirale.
• Strichstärke — Linienbreite. Eine dicke Linie mit logarithmischem Wachstum wirkt kalligrafisch.
• Füllung — einfarbig oder linearer Zweistopp-Farbverlauf mit beliebigem Winkel.
• Hintergrund — optionale Hintergrundfarbe hinter der Spirale, hilfreich für eigenständige SVG-Dateien.

Verwendung der Ausgabe

Das Tool liefert ein vollständiges <svg>-Dokument mit einem einzigen <path>-Element — keine komplexen Filter, keine externen Abhängigkeiten. Kopieren Sie das SVG oder laden Sie es als .svg-Datei herunter und fügen Sie es überall ein: HTML, React-Komponenten, MDX, Figma, Illustrator oder Ihre Design-System-Bibliothek. Da es reines SVG ist, bleibt es in jeder Auflösung scharf und wiegt fast nichts.

Häufige Einsatzzwecke

• Dekorative Elemente in Hero-Sections und Landing Pages
• Logos und Bildmarken
• Musik-, Poster- und Event-Branding
• Ladeanimationen (der Pfad lässt sich entlang seiner Länge animieren)
• Hintergründe für Blogartikel, Visitenkarten oder Briefpapier
• Icons und Badges für Apps und Spiele

Jede Änderung passiert in Echtzeit — experimentieren Sie frei, bis Sie genau die Spirale gefunden haben, die Sie möchten.