Tiny Online Tools logoTiny Online ToolssearchBuscar ferramentas…grid_viewTodas as ferramentas
Iniciochevron_rightFerramentas SVGchevron_rightGerador de Estrelas SVGGerador de Estrelas SVG

Gerador de Estrelas SVG

Gere estrelas SVG personalizáveis com qualquer número de pontas, nitidez ajustável, cor, gradiente e traço opcional.

FormaPreenchimentoSólidoGradienteTraçoCantos arredondadosDimensoes de saidaCodigo geradocodeSVGbrushCSS
xml
css

Ferramentas semelhantes

Gerador de Formas Neon SVG

Gerador de Formas Neon SVG

Gere formas SVG com brilho neon — círculos, polígonos, estrelas e mais — com traço, brilho e fundo ajustáveis.

Gerador de Blobs SVG

Gerador de Blobs SVG

Crie formas de blob orgânicas e aleatórias como SVG limpo com controle total sobre complexidade, aleatoriedade, cores e preenchimentos com gradiente.

Gerador de Corações SVG

Gerador de Corações SVG

Gere formas de coração SVG estilizadas — clássica, arredondada, pontiaguda, pixel e geométrica — com cores, gradientes, traços e tamanhos personalizados. Criador de corações grátis online.

Gerador de Espirais SVG

Gerador de Espirais SVG

Gere espirais SVG de Arquimedes e logarítmicas com controle total sobre voltas, raio, espessura do traço e preenchimentos com gradiente — perfeito para formas decorativas, logotipos e fundos.

RGB para HEX

RGB para HEX

converter RGB color values para HEX, HSL, e CSS color formats com a color picker.

Calculadora de line-height

Calculadora de line-height

Calcule alturas de linha ideais para uma tipografia legível.

JSON para YAML

JSON para YAML

Converta JSON em YAML.

apps

Mais ferramentas

Explore nossa colecao completa de ferramentas online gratuitas.

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.