Star Shape
What this grid is
A Star Shape is a centered, count-driven star or sparkle symbol built from alternating outer tips and inner valleys. Instead of locking you into one specific icon, this generator lets you explore triangles, four-point stars, classic five-point stars, eight-point stars, and more from the same control set.
The generator now includes three shape families: - Straight: classic straight-edge star polygons - Curved: smoother petal-like star silhouettes - Sparkle: alternating twinkle-style spikes for a more decorative symbol
Key parameters
- Mode — Switches between Straight, Curved, and Sparkle star families.
- Points — Number of major star points.
- Outer Radius (px) — Overall size from center to tip.
- Point Length (%) — Controls how far the points extend relative to the valleys.
- Inner Depth (%) — Controls how deep the inner valleys pull toward the center.
- Rotation (deg) — Rotates the full symbol.
- Fill / Outline controls — Final appearance styling for icon-like, badge-like, or decorative uses.
Unique highlights
- One generator covers triangle stars, four-point stars, five-point stars, eight-point stars, and many more.
- Mode switching lets you move from strict geometric stars to softer decorative motifs without changing generator.
- Clean SVG output works well for icons, stickers, labels, logos, sparkles, and badge motifs.
Typical use cases
- Emblems, badges, stickers, and iconography.
- Decorative sparkles and accent shapes in posters or UI graphics.
- Label seals, editorial ornaments, and celestial motifs.
- Simple geometric symbols for branding explorations.
Tips
- Use Straight for classic, recognisable star silhouettes.
- Use Curved when you want a flower-star or softer decorative look.
- Use Sparkle when you want a twinkle or magical accent with more character.
- If the star feels too shallow, increase Inner Depth (%).
- If the points feel too short, increase Point Length (%).
FAQ
What is the difference between Point Length and Inner Depth?
Point Length changes how much each tip projects outward, while Inner Depth changes how far the valleys are pulled inward.
Why does Sparkle look different from Straight?
Sparkle alternates the spike rhythm to create a more decorative twinkle feel rather than a uniform mathematical star.
Can I make a filled icon instead of an outlined star?
Yes. Increase Fill Opacity and reduce Outline Opacity if you want a solid icon-like result.