Tiny Online Tools logoTiny Online ToolssearchTools suchen…grid_viewAlle Tools
Startseitechevron_rightSVG-Toolschevron_rightSVG-Stern-GeneratorSVG-Stern-Generator

SVG-Stern-Generator

Erzeuge anpassbare SVG-Sterne mit beliebiger Zackenzahl, einstellbarer Schärfe, Farbe, Verlauf und optionaler Kontur.

FormFüllungVolltonVerlaufKonturRunde EckenAusgabe-AbmessungenGenerierter CodecodeSVGbrushCSS
xml
css

Ahnliche Tools

SVG-Neon-Form-Generator

SVG-Neon-Form-Generator

Erzeuge leuchtende Neon-SVG-Formen — Kreise, Polygone, Sterne und mehr — mit einstellbarem Strich, Leuchten und Hintergrund.

SVG-Blob-Generator

SVG-Blob-Generator

Erstelle organische, zufällige Blob-Formen als sauberes SVG mit voller Kontrolle über Komplexität, Zufall, Farben und Verlaufsfüllungen.

SVG-Pfeil-Generator

SVG-Pfeil-Generator

Erstelle saubere, anpassbare SVG-Pfeile — gerade, geschwungen oder im Zickzack — mit voller Kontrolle über Strichstärke, Farbe und Pfeilspitze.

SVG Unschärfe-Formen-Generator

SVG Unschärfe-Formen-Generator

Erzeuge weiche, verträumte Hintergründe im Aurora-Stil aus unscharfen Formen als SVG, mit Paletten- und Unschärfesteuerung.

Zufällige Dezimalzahlen Generator

Zufällige Dezimalzahlen Generator

Generiert zufällige Dezimalzahlen mit konfigurierbarem Bereich, Präzision und Verteilung.

Zufallswortgenerator

Zufallswortgenerator

Generieren Sie zufällige Wörter für Benennung, Eingabeaufforderungen, Tests und Fülltexte.

PDF-Metadaten anzeigen

PDF-Metadaten anzeigen

Zeige umfassende PDF-Metadaten wie Autor, Datum, Seitengröße und mehr an.

apps

Mehr Tools

Durchsuchen Sie unsere vollstandige Sammlung kostenloser Online-Tools.

Individuelle Sterne als reines SVG

Ein Stern ist erstaunlich vielseitig — als Treue-Abzeichen, Bewertung in Reviews, Notification-Akzent, Sticker-Burst oder UI-Highlight. Dieser Generator gibt dir volle Kontrolle über jeden Aspekt und gibt ein einzelnes sauberes <polygon> in einem SVG aus.

Regler

  • Zacken — Anzahl der Zacken von 3 bis 20.
  • Innenradius-Verhältnis — wie spitz oder bauchig die Arme sind. Niedrige Werte ergeben nadelspitze Sterne; hohe Werte weichere, rundere Bursts.
  • Rotation — drehe den gesamten Stern beliebig.
  • Füllung — Volltonfarbe oder zweifarbiger linearer Verlauf mit einstellbarem Winkel.
  • Kontur — optionale Umrandung mit einstellbarer Breite; runde oder gehrungsartige Ecken.

Render-Details

Der Algorithmus platziert 2 × Zacken Eckpunkte abwechselnd auf Außen- und Innenradius um das Zentrum. So entsteht ein perfekt proportionaler Stern für beliebige Zackenzahlen. Da es ein Standard-Polygon ist, kannst du ihn mit CSS stylen, mit Keyframes animieren oder in React-/Vue-/Solid-Komponenten ohne Laufzeit nutzen.

Einsatzzwecke

  • Bewertungs- und Review-Widgets
  • Sticker-Bursts für „NEU!"- und „SALE"-Labels
  • Treue- und Gamification-Badges
  • Winter- / Weihnachtsdekor
  • Favicon- und Icon-Design
  • Glitzer-Akzente für Illustrationen

Kombiniere mit dem SVG-Neon-Form-Generator für einen leuchtenden Stern oder mit dem Körnigen-Verlauf-Generator für einen strukturierten Hintergrund — das erzeugte SVG bleibt stets winzig, skalierbar und perfekt für jede Bildschirm- oder Druckauflösung.