SVG Star Generator
Generate N-point vector SVG star shapes with custom inner/outer radius.
SVG Formatter
About SVG Star Generator
The SVG Star & Geometric Burst Generator creates multi-pointed vector stars (3 to 32 points), golden ratio stars, badges, and burst awards with adjustable inner/outer radius ratios, corner rounding, stroke outlines, and exportable `<svg>` code.
How to Use SVG Star Generator
Step 1
Select the number of star points (5 for classic star, 12 for burst seal).
Step 2
Adjust the inner radius depth slider to control spikiness.
Step 3
Choose fill colors, borders, and optional corner rounding.
Step 4
Click "Copy SVG".
Practical Use Cases for SVG Star Generator
Review Star Ratings & Gamification Badges
Design crisp 5-star rating icons, achievement badges, and reward stars for e-commerce stores and mobile web apps.
Discount Burst Seals & Promotional Badges
Create 12-point and 16-point promotional starburst seals for sale discounts and special offer callouts.
Input & Output Examples
Generating 5-Point Golden Ratio Star
Points: 5, Outer Radius: 100px, Inner Radius: 38.2px (Golden Ratio), Color: #F59E0B
<svg viewBox="0 0 200 200">\n <polygon points="100,10 123,78 195,78 137,120 159,188 100,146 41,188 63,120 5,78 77,78" fill="#F59E0B" />\n</svg>
Key Features & Performance
- ✓Points selector: generate stars from 3 points up to 32-pointed burst seals.
- ✓Adjustable Inner/Outer radius ratio slider with Golden Ratio ($\\phi \\approx 0.382$) preset.
- ✓Supports rounded star tips and inner corner radiuses via SVG `<path>` conversion.
- ✓Outputs SVG `<polygon>`, SVG `<path>`, and React JSX components.
- ✓100% Client-Side generation.
- ✓1-Click Copy SVG.
Key Terminology & Definitions
Inner vs Outer Radius Ratio
The proportional relationship between the outer vertex tips and the recessed inner valleys of a star polygon.
Golden Ratio Star
A 5-pointed star where the inner radius equals approximately $38.2\\%$ ($1 - 1/\\phi$) of the outer radius, producing aesthetically balanced proportions.