Étoiles Personnalisées en SVG Pur
Une étoile est une forme étonnamment polyvalente — on la retrouve en badge de fidélité, note d'avis, accent de notification, sticker burst, et détail UI. Ce générateur offre un contrôle total et émet un seul <polygon> propre dans un SVG.
Contrôles
- Branches — nombre de pointes, de 3 à 20.
- Ratio interne — finesse / épaisseur des branches. Valeurs basses = étoiles pointues façon aiguille ; valeurs élevées = bursts plus doux et arrondis.
- Rotation — tournez toute l'étoile à n'importe quel angle.
- Remplissage — couleur unie ou dégradé linéaire à deux arrêts avec angle réglable.
- Trait — contour optionnel avec épaisseur ajustable ; coins arrondis ou en onglet.
Détails de Rendu
L'algorithme place 2 × branches sommets en alternant rayons externe et interne autour du centre. Le résultat est une étoile parfaitement proportionnée quel que soit le nombre de branches. Puisque c'est un polygone standard, vous pouvez la styliser en CSS, l'animer via keyframes, ou l'intégrer dans des composants React / Vue / Solid sans runtime.
Usages
- Widgets de notation et avis
- Stickers burst pour étiquettes "NEW!" et "SALE"
- Badges de fidélité et gamification
- Décorations hiver / Noël
- Design de favicons et d'icônes
- Accents de brillance pour illustrations
Combinez avec le Générateur de Formes Néon pour une étoile lumineuse, ou avec le Dégradé Granuleux pour un fond texturé — le SVG obtenu reste toujours petit, évolutif et parfait à n'importe quelle résolution.
Tiny Online Tools







