Gerador de Formas Neon SVG

Efeitos Neon Embutidos no SVG

O brilho neon é um clássico do design: traz calor, retrô-futurismo e atmosfera com quase nada. Este gerador produz um único SVG com <filter> aninhado que borra e funde cópias do contorno, criando um bloom realista em torno de um traço nítido.

Formas Suportadas

• Círculo, quadrado, retângulo arredondado
• Triângulo, pentágono, hexágono, octógono
• Estrelas de 5 e 6 pontas

Controles

• Cor do traço — o tom neon central. Cores saturadas brilham mais.
• Espessura do traço — largura da linha brilhante.
• Tamanho do brilho — stdDeviation do blur gaussiano. Maior = halo mais suave.
• Fundo — fundos escuros realçam o neon; procure algo próximo de #000.

Como o Brilho Funciona

Dentro do SVG, um <filter> usa duas passagens de <feGaussianBlur> com raios diferentes. As cópias borradas são fundidas com a forma original via <feMerge>, produzindo um núcleo nítido dentro de um halo suave — como neon real fotografado.

Como o brilho é feito por filtros SVG (não uma imagem), você pode recolori-lo na hora, escalar sem perda e animar o traço via CSS. O arquivo todo geralmente fica abaixo de um kilobyte.

Usos

• Seções hero cyberpunk e landing pages
• Elementos de UI estilo arcade
• Pôsteres retrô e capas de álbuns
• Dashboards escuros com ícones de destaque
• Overlays de gaming e assets para streamers

Combine com os geradores Gradiente Granulado ou Gradiente Mesh para montar um fundo noturno atmosférico e ponha uma estrela neon no centro como protagonista.