chevron_right

SVG-Neon-Form-Generator

Erzeuge leuchtende Neon-SVG-Formen — Kreise, Polygone, Sterne und mehr — mit einstellbarem Strich, Leuchten und Hintergrund.

Form

Fullung

KeineEinfarbigVerlauf

Stil

Strichfarbe

Hintergrund

Strichstärke: 4

Leuchtgröße: 12

Ausgabe-Abmessungen

Grosse (px)

Generierter Code

codeSVG

brushCSS

xml

css

Ahnliche Tools

SVG-Stern-Generator

Erzeuge anpassbare SVG-Sterne mit beliebiger Zackenzahl, einstellbarer Schärfe, Farbe, Verlauf und optionaler Kontur.

SVG Unschärfe-Formen-Generator

Erzeuge weiche, verträumte Hintergründe im Aurora-Stil aus unscharfen Formen als SVG, mit Paletten- und Unschärfesteuerung.

SVG-Blob-Generator

Erstelle organische, zufällige Blob-Formen als sauberes SVG mit voller Kontrolle über Komplexität, Zufall, Farben und Verlaufsfüllungen.

SVG-Schuppen-Muster-Generator

Erzeuge SVG-Fisch- und Meerjungfrauen-Schuppenmuster mit anpassbarem Radius, Strich und Füllung. Perfekt für dekorative Hintergründe, Verpackungen, Modeprints und Art-Déco-Designs.

Countdown-Timer-Generator

Erzeugen Sie einen einbettbaren HTML-Countdown-Timer für jedes Zieldatum. Kopieren und auf jeder Website einfügen — keine externen Skripte erforderlich.

Video spiegeln hilft dir, direkt im Browser eine Aufnahme horizontal oder vertikal zu spiegeln. Nutze es für schnelle, private Medienbereinigung, Veröffentlichungen, Unterricht, Demos und alltägliche Bearbeitung.

PDF-Metadaten anzeigen

Zeige umfassende PDF-Metadaten wie Autor, Datum, Seitengröße und mehr an.

apps

Mehr Tools

Durchsuchen Sie unsere vollstandige Sammlung kostenloser Online-Tools.

Neon-Glow direkt im SVG

Ein Neon-Leuchten ist ein Klassiker: Es bringt Wärme, Retro-Futurismus und Atmosphäre mit fast keinem weiteren Aufwand. Dieser Generator liefert ein einzelnes SVG mit eingebettetem <filter>, das Kopien der Kontur weichzeichnet und übereinanderblendet und so ein realistisches Bloom um einen scharfen Strich erzeugt.

Unterstützte Formen

Kreis, Quadrat, abgerundetes Rechteck
Dreieck, Fünfeck, Sechseck, Achteck
5- und 6-zackige Sterne

Regler

Strichfarbe — der Neon-Kern. Satte Farben leuchten am besten.
Strichstärke — Dicke der hellen Linie.
Leuchtgröße — stdDeviation der Gauß-Unschärfe. Größer = weicherer Halo.
Hintergrund — dunkle Hintergründe lassen das Neon strahlen; wähle etwas nahe an #000.

Wie das Leuchten funktioniert

Im SVG nutzt ein <filter> zwei <feGaussianBlur>-Durchgänge mit unterschiedlichen Radien. Die weichgezeichneten Kopien werden mit der Originalform über <feMerge> zusammengeführt, so dass ein heller Kern in einem weichen Halo erscheint — wie echtes Neon auf Foto.

Da das Leuchten über SVG-Filter realisiert ist (kein Bild), kannst du es sofort umfärben, verlustfrei skalieren und den Strich per CSS animieren. Die Datei bleibt meist unter einem Kilobyte.

Einsatzzwecke

Cyberpunk-Hero-Bereiche und Landingpages
Arcade-Style UI-Elemente
Retro-Poster und Albumcover
Night-Mode-Dashboards mit Akzent-Icons
Gaming-Overlays und Streamer-Assets

Kombiniere mit den Körniger-Verlauf- oder Mesh-Verlauf-Generatoren, um einen stimmungsvollen Nachthimmel zu bauen, und setze einen Neonstern als Blickfang in die Mitte.