About Compare All Tools

SVG Polygon Generator

Generate any polygon or star shape with pinpoint precision.

SVG polygon generation

Create editable polygons, stars and starbursts.

Generate precise regular polygons, star polygons, starbursts and badge seals, then copy clean, editable SVG into your project. Tune the sides, inner radius, corner rounding, colors and rotation. Every shape is centered and generated locally in your browser — nothing is uploaded and no external assets are referenced.

Local only Geometric Editable SVG No upload
Settings

Polygon settings

Adjust the controls and click Generate Polygon. Randomize fills in a safe combination; Reset restores the defaults.

Mode—
Sides / points—
Radius—
Inner ratio—
SVG size—
Status—
Preview

Live polygon preview

Click Generate Polygon to preview the result.

Generated locally Editable SVG Geometric polygon Transparent background: off No upload No external assets
Output

SVG markup

The generated SVG appears here. It is editable, dependency-free markup — copy it into your project or download it as a file.

How It Works

SVG Polygon Generator creates precise geometric vector shapes entirely in your browser. Unlike the Edit and Manipulate tools, it does not take an existing SVG as input — instead it builds brand new SVG markup from the settings you choose. Pick a polygon mode (Regular Polygon, Star Polygon, Starburst or Badge / Seal), set the canvas size, outer radius, number of sides or points, the inner radius ratio, corner rounding, colors, stroke width, opacity and rotation, then click Generate Polygon. The tool computes the vertices from a center point and radius — equally spaced for a regular polygon, or alternating between an outer and inner radius for stars, starbursts and badges — and renders them either as a sharp polygon element or, when corner rounding is above zero, as a smooth path that softens every corner with quadratic curves. The shape is centered in the canvas and, if you set a rotation, wrapped in a group that rotates around the center. The output appears as clean, readable SVG markup you can copy or download. Everything is deterministic: the same settings always produce the same SVG. There is no upload, no API, no AI and no external assets — the markup is self-contained and stays editable.

Use Cases

  • Creating a star or starburst as the base for a discount badge, award seal or 'new' label in a UI or on packaging
  • Generating a regular hexagon, pentagon or triangle as an icon background, avatar frame or geometric accent for a design system
  • Producing a many-pointed starburst as a sunburst decoration for posters, certificates and promotional graphics
  • Building a softened badge / seal shape with rounded scallops for testimonials, guarantees or featured callouts
  • Prototyping geometric decorations quickly with Randomize, then exporting the editable SVG to fine-tune the points or colors by hand in your own project

FAQ

Does SVG Polygon Generator need an SVG file as input?

No. This is a generator, not an editor. It does not take an existing SVG and does not show a source input box. You choose the polygon settings and the tool produces brand new SVG markup from scratch. The only SVG you will see is the generated output, which you can copy or download.

What is the difference between the polygon modes?

Regular Polygon places equally spaced vertices on a single radius, producing triangles, squares, pentagons, hexagons and so on. Star Polygon, Starburst and Badge / Seal alternate between an outer and an inner radius to create points: a classic star with deep notches, a denser sunburst with many shallow rays, or a softened seal. Star and Starburst share the same alternating geometry and differ mainly in the point count and inner ratio you choose, while Badge / Seal adds a gentle corner rounding for a label-like feel.

How does corner rounding work?

When corner rounding is 0, the shape is rendered as a sharp SVG polygon. When it is above 0, the tool renders a path instead and softens each corner by cutting it back along the adjacent edges and bridging the gap with a smooth quadratic curve. The amount is limited to half of the shorter adjacent edge, so the path always stays valid and the shape never self-intersects.

How does the transparent background option work?

When Transparent background is enabled, the generated SVG does not include the solid background rectangle at all — only the polygon is drawn. The output is therefore truly transparent and will show whatever sits behind it when placed on a page. In the preview you can toggle a checkerboard backdrop to see the transparency clearly; that checkerboard is only a preview aid and is never written into the SVG.

Can I edit the generated SVG afterwards?

Absolutely. The output is plain, readable SVG markup using a standard polygon or path element with fill, stroke and opacity attributes. You can change colors, adjust coordinates, swap the fill or drop the shape into a larger document. Generated SVG polygons are deterministic from the selected settings, so you can copy, edit, and reuse the markup in your own projects.

Is anything uploaded to a server?

No. SVGTrim generates SVG polygons locally in your browser. No files are uploaded, and the output remains editable SVG markup. There is no API call, no AI involved and no external asset is referenced by the generated file.