Tiny Online Tools logoTiny Online ToolssearchTools suchen…grid_viewAlle Tools
Startseitechevron_rightSVG-Toolschevron_rightSVG-Neon-Form-GeneratorSVG-Neon-Form-Generator

SVG-Neon-Form-Generator

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

FormFullungKeineEinfarbigVerlaufStilAusgabe-AbmessungenGenerierter CodecodeSVGbrushCSS
xml
css

Ahnliche Tools

SVG-Stern-Generator

SVG-Stern-Generator

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

SVG Unschärfe-Formen-Generator

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

SVG-Blob-Generator

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

SVG-Wellen-Generator

SVG-Wellen-Generator

Erzeuge glatte, anpassbare SVG-Wellenformen für Abschnittstrenner, Hero-Hintergründe und dekorative Seitenelemente.

Port-Scanner (Lokal)

Port-Scanner (Lokal)

Bestmoegliches lokales Port-Prueftool mit Browser-Anfragen.

PDF drehen

PDF drehen

Drehe PDF-Seiten, um die Ausrichtung zu korrigieren.

Base64-Decoder

Base64-Decoder

Base64-kodierten Text dekodieren.

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.