Tiny Online Tools logoTiny Online ToolssearchRechercher des outils…grid_viewTous les outils
Accueilchevron_rightOutils SVGchevron_rightGénérateur de Formes Néon SVGGénérateur de Formes Néon SVG

Générateur de Formes Néon SVG

Générez des formes SVG au néon lumineux — cercles, polygones, étoiles et plus — avec trait, lueur et arrière-plan ajustables.

FormeRemplissageAucunUniDégradéStyleDimensions de sortieCode generecodeSVGbrushCSS
xml
css

Outils similaires

Générateur de Formes Floues SVG

Générateur de Formes Floues SVG

Créez des arrière-plans SVG flous et oniriques de style aurora avec contrôle de la palette et du flou.

Générateur de Blobs SVG

Générateur de Blobs SVG

Créez des formes de blob organiques et aléatoires en SVG propre avec un contrôle total sur la complexité, l'aléatoire, les couleurs et les remplissages en dégradé.

Générateur de Vagues SVG

Générateur de Vagues SVG

Générez des formes de vagues SVG lisses et personnalisables pour des séparateurs de sections, arrière-plans hero et éléments décoratifs.

Générateur d'Étoiles SVG

Générateur d'Étoiles SVG

Générez des étoiles SVG personnalisables avec n'importe quel nombre de branches, finesse ajustable, couleur, dégradé et trait en option.

Convertisseur endian

Convertisseur endian

Convertissez l ordre des octets entre little endian et big endian pour des valeurs hexadecimales.

mélanger texte lignes

mélanger texte lignes

Randomize the order of texte lines.

ICO en PNG

ICO en PNG

Extrayez des images PNG depuis des fichiers d’icones ICO et telechargez chaque taille individuellement.

apps

Plus d'outils

Parcourez notre collection complète d'outils en ligne gratuits.

Effets Néon Intégrés au SVG

La lueur néon est un classique du design : elle apporte chaleur, rétro-futurisme et ambiance avec presque rien d'autre. Ce générateur produit un unique SVG avec un <filter> imbriqué qui floute et fusionne des copies du contour, créant un bloom réaliste autour d'un trait net.

Formes Supportées

  • Cercle, carré, rectangle arrondi
  • Triangle, pentagone, hexagone, octogone
  • Étoiles à 5 et 6 branches

Contrôles

  • Couleur du trait — la teinte néon centrale. Les couleurs saturées brillent mieux.
  • Épaisseur du trait — largeur de la ligne lumineuse.
  • Taille de la lueur — stdDeviation du flou gaussien. Plus c'est grand, plus le halo est doux.
  • Arrière-plan — les fonds sombres font ressortir le néon ; visez proche de #000.

Comment Fonctionne la Lueur

Dans le SVG, un <filter> utilise deux passes de <feGaussianBlur> à rayons différents. Les copies floutées sont fusionnées avec la forme originale via <feMerge>, donnant un cœur net entouré d'un halo doux — comme un vrai néon photographié.

Puisque la lueur passe par des filtres SVG (pas une image), vous pouvez la recoloriser instantanément, la mettre à l'échelle sans perte et animer le trait en CSS. Le fichier total pèse habituellement moins d'un kilo-octet.

Usages

  • Sections hero cyberpunk et landing pages
  • Éléments UI style arcade
  • Posters rétro et pochettes d'album
  • Dashboards sombres avec icônes d'accent
  • Overlays gaming et assets pour streamers

Combinez avec les générateurs Dégradé Granuleux ou Dégradé Mesh pour créer un fond nocturne, puis posez une étoile néon au centre comme pièce maîtresse.