Free SVG Ribbon Generator

Shapes & Backgrounds

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.

Free PNGNo signupNo watermark

Loading tool...

Was this tool helpful?

Watch the Tutorial

Choose from six banner shapes, set the tail as a fish-tail, curl or flat cut, pull the node mesh until it sits right, then fill it with a gradient and take it out as SVG.

Want more customization?

Open the full editor with 80+ 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
80+ widget types
92 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

What ribbon shapes can I make?

Classic, Fish-tail, Curled, Wide Flag, Tall, and Pennant, then tune length, height, and fold depth with the sliders until it fits your layout.

Can I change how the ends are cut?

Yes — fish-tail, curl, or a flat cut. The end style does most of the work in setting the tone: fish-tail reads award and certificate, flat reads modern badge.

How do I make a banner with the text on it?

Export the ribbon as a PNG or SVG and place your text over it in the editor or your design tool. The shape tool draws the ribbon itself, which keeps the curve clean at any size.

Can I edit the outline by hand?

Yes. Turn on nodes and drag the vertices and handles directly. Symmetric mode mirrors edits left to right so both tails stay matched, which is hard to do by eye.

Can I fill it with a gradient?

Yes — solid, linear, radial, or pattern, plus stroke, effects, and opacity. A slightly darker fold face is what makes a flat ribbon read as folded rather than printed.

What formats can I export?

SVG, PNG, or JPG, and you can copy the SVG markup to paste straight into code or a design file.

What are ribbon graphics used for?

Award badges, sale banners, certificate seals, "featured" and "best seller" tags, and event branding — anywhere a flat rectangle would look less finished.

Related Tools

Build a Full Infographic

Combine charts, timelines, stat cards, and 80+ widget types into a complete infographic.

Try the Full Editor