Estrelas Personalizadas em SVG Puro
Uma estrela é surpreendentemente versátil — aparece como emblema de fidelidade, nota de avaliação, realce de notificação, sticker burst e detalhe de UI. Este gerador oferece controle total e produz um único <polygon> limpo dentro de um SVG.
Controles
- Pontas — de 3 a 20.
- Ratio interno — o quão afiadas ou robustas as pontas são. Valores baixos geram estrelas pontudas; altos dão bursts mais suaves e arredondados.
- Rotação — gire toda a estrela em qualquer ângulo.
- Preenchimento — cor sólida ou gradiente linear de duas paradas com ângulo ajustável.
- Traço — contorno opcional com espessura ajustável; cantos arredondados ou biselados.
Detalhes de Renderização
O algoritmo coloca 2 × pontas vértices alternando entre raios externo e interno ao redor do centro. O resultado é uma estrela perfeitamente proporcional para qualquer número de pontas. Como é um polígono padrão, você pode estilizá-la com CSS, animar via keyframes ou usá-la em componentes React / Vue / Solid sem runtime.
Usos
- Widgets de avaliações
- Adesivos burst para etiquetas "NOVO!" e "PROMOÇÃO"
- Emblemas de fidelidade e gamificação
- Decoração de fim de ano (inverno / Natal)
- Design de favicons e ícones
- Detalhes de brilho para ilustrações
Combine com o Gerador de Formas Neon para uma estrela luminosa ou com o Gerador de Gradiente Granulado para um fundo texturizado — o SVG resultante sempre permanece pequeno, escalável e perfeito para qualquer resolução de tela ou impressão.
Tiny Online Tools







