Free SVG Ribbon Generator

Design custom ribbon and banner shapes online. Choose fish-tail, curl, or flat ends. Adjust length, height, fold depth. Export as SVG, PNG, or JPG.

Shape

2.2
0.3
0.25
V0
position
x
y
hIn
Δx
Δy
hOut
Δx
Δy
V1
position
x
y
hIn
Δx
Δy
hOut
Δx
Δy
V2
position
x
y
hIn
Δx
Δy
hOut
Δx
Δy
V3
position
x
y
hIn
Δx
Δy
hOut
Δx
Δy
V4
position
x
y
hIn
Δx
Δy
hOut
Δx
Δy
V5
position
x
y
hIn
Δx
Δy
hOut
Δx
Δy
V6
position
x
y
hIn
Δx
Δy
hOut
Δx
Δy
V7
position
x
y
hIn
Δx
Δy
hOut
Δx
Δy
V8
position
x
y
hIn
Δx
Δy
hOut
Δx
Δy
V9
position
x
y
hIn
Δx
Δy
hOut
Δx
Δy

Drag green handles or type values above. Symmetric mirrors L↔R automatically.

Style

click track to add
90°
Helpful?

Want more customization?

Open the full editor with 70+ widgets, templates, and AI generation.

Open Full Editor

How to Use

  1. 1

    Pick a preset

    Classic, Fish-tail, Curled, Wide Flag, Tall, or Pennant — each is fully styled.

  2. 2

    Pick an end style

    Fish-tail (V-notched), Curl (rolled), or Flat (square). The whole shape recomputes instantly.

  3. 3

    Tune sliders

    Length, height, fold-depth — set the proportions for your label or banner.

  4. 4

    Add text in your design tool

    Once you have the ribbon, add your headline / award name in Figma, Illustrator, or Photoshop.

  5. 5

    Export

    Copy SVG, or download SVG, PNG, or JPG up to 4096×4096.

Why Choose GraphMake?

No signup required
Free — no watermark
70+ widget types
72 ready-made templates
Export as PNG, SVG, PDF
Works in any browser
Drag-and-drop editing

About the SVG ribbon / banner shape

Ribbons and banners are everywhere in branded graphics — award ribbons, sale labels, event signage, product packaging, certificate accents. The shape is more eye-catching than a plain rectangle and reads as "important" or "ceremonial".

Most ribbon graphics on the web are generic clipart. A custom ribbon — your brand colour gradient, the right proportions for your headline, the fold depth that matches your design — looks bespoke and makes your work stand apart.

This generator parameterises three end styles (fish-tail, curl, flat) plus length, height, and fold depth. Pick a preset, tune the sliders, export. For text, add your headline in your design tool of choice.

Choosing the right end style

Fish-tail: V-shaped notch on each end. Reads as classic award ribbon, prize, achievement. Best for "Best Seller", "Top Rated", "Award winner" labels. The fold depth slider tunes how deep the V cuts in — deep cut for sports pennants, shallow for elegant award ribbons.

Curl: rounded scrolled ends. Reads as decorative, ornamental, ceremonial. Best for invitations, certificates, formal announcements. The shape includes a fold-line where the curl meets the body — gives the banner a 3D feeling.

Flat: simple rectangle. Reads as modern, clean, minimal. Best for flat / Material design, sale labels on product images, modern social media graphics where ornament would feel dated.

Tips for great ribbon graphics

Match the height to your text. A 0.5 height ribbon needs short bold text ("SALE", "NEW"). A 0.25 height ribbon fits longer phrases ("Limited edition collection") with thinner text.

For award ribbons: deep fold (0.3+) and rich gradient (gold-to-amber, royal-blue-to-navy). Layer over your achievement text for a classic award badge.

For sale graphics: bright contrast color (red, hot pink, electric blue) with simple flat or shallow fish-tail. Place at top-right corner of product image.

Drop shadow makes the ribbon feel like it's floating above the page. Almost always worth enabling — try 4px offset, 12px blur, 25% opacity for a subtle lift.

What You Can Create

Award ribbons

Fish-tail ribbons for "Best of [year]", "Award winner", certifications.

Banner headlines

Hero section banners, sale graphics, promotional headers.

Sports / school pennants

Triangle-end pennants for school spirit, team badges, sports event graphics.

Product label graphics

"New", "Sale", "Limited edition" labels on packaging and product images.

Event signage

Wedding banners, party banners, conference name-badges.

Certificate accents

Curled ribbon under a heading on certificates / diplomas.

Frequently Asked Questions

How do I add text to the ribbon?

Export the ribbon as SVG or PNG, then layer your headline in your design tool of choice (Figma, Illustrator, Photoshop, Canva). The ribbon is a vector shape ready for text overlay.

Is the banner SVG free for commercial use?

Yes. Use however you like — products, packaging, branding, social media, print. No license, no attribution.

What's the difference between fish-tail and curl ends?

Fish-tail: V-shaped notch into the end. Sharp, classic award-ribbon look. Curl: rounded, scrolled end. More decorative, suits invitations and certificates.

Can I make a pennant flag?

Yes — pick the Pennant preset, or set length=2.8, height=0.3, fish-tail end with deep fold (0.4). Triangular sports-flag look.

Related Tools

Build a Full Infographic

Combine charts, timelines, stat cards, and 45+ other widgets into a complete infographic.

Try the Full Editor