Generador de Formas Neón SVG

Efectos Neón Integrados en el SVG

El brillo neón es un clásico del diseño: aporta calidez, retro-futurismo y atmósfera con casi nada más. Este generador produce un único SVG con un <filter> anidado que difumina y fusiona copias del contorno, dando un bloom realista alrededor de un trazo nítido.

Formas Soportadas

• Círculo, cuadrado, rectángulo redondeado
• Triángulo, pentágono, hexágono, octógono
• Estrellas de 5 y 6 puntas

Controles

• Color del trazo — el tono neón central. Colores saturados brillan mejor.
• Grosor del trazo — el grosor de la línea brillante.
• Tamaño del brillo — stdDeviation del blur gaussiano. Más brillo = halo más difuso.
• Fondo — los fondos oscuros hacen que el neón destaque; elige algo cercano a #000.

Cómo Funciona el Brillo

Dentro del SVG, un <filter> usa dos pasadas de <feGaussianBlur> con radios distintos. Las copias difuminadas se fusionan con la forma original usando <feMerge>, así ves un núcleo brillante dentro de un halo suave — como luce el neón real en fotografía.

Como el brillo está implementado con filtros SVG (no con una imagen), puedes recolorearlo al instante, escalarlo sin pérdida y animar el trazo con CSS. El archivo entero suele pesar menos de un kilobyte.

Usos

• Secciones hero cyberpunk y landing pages
• Elementos de UI estilo arcade
• Posters retro y portadas de álbumes
• Dashboards oscuros con iconos de acento
• Overlays de gaming y assets de streamers

Combínalo con los generadores Gradiente Granulado o Gradiente de Malla para crear un fondo nocturno melancólico y pon una estrella neón en el centro como protagonista.