Generador de Estrellas SVG

Estrellas Personalizadas como SVG Puro

Una estrella es una forma sorprendentemente versátil: aparece como insignia de fidelidad, rating de reseña, acento de notificación, sticker de estallido y detalle de UI. Este generador te da control total sobre cada aspecto y emite un único <polygon> limpio dentro de un SVG.

Controles

• Puntas — número de puntas de 3 a 20.
• Proporción interior — cómo de afilados o gruesos son los brazos. Valores bajos dan estrellas tipo aguja; valores altos producen estallidos más suaves y redondeados.
• Rotación — gira toda la estrella a cualquier ángulo.
• Relleno — color sólido o degradado lineal de dos paradas con ángulo configurable.
• Trazo — contorno opcional con grosor ajustable; esquinas redondeadas o en bisel.

Detalles de Renderizado

El algoritmo sitúa 2 × puntas vértices alternando radios exterior e interior alrededor del centro. El resultado es una estrella perfectamente proporcional para cualquier número de puntas. Como es un polígono estándar, puedes estilizarlo con CSS, animarlo con keyframes o usarlo en componentes React / Vue / Solid sin ningún runtime.

Usos

• Widgets de rating y reseñas
• Stickers de estallido para etiquetas "NEW!" y "SALE"
• Insignias de fidelidad y gamificación
• Decoraciones navideñas (invierno / Navidad)
• Diseño de favicons e iconos
• Acentos de brillo para ilustraciones

Combínalo con el Generador de Formas Neón para una estrella luminosa, o con el Generador de Gradiente Granulado para un fondo con textura — el SVG resultante siempre será diminuto, escalable y perfecto para cualquier resolución de pantalla o impresión.