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.
Tiny Online Tools







