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
Drag green handles or type values above. Symmetric mirrors L↔R automatically.
Style
Want more customization?
Open the full editor with 70+ widgets, templates, and AI generation.
How to Use
- 1
Pick a preset
Classic, Fish-tail, Curled, Wide Flag, Tall, or Pennant — each is fully styled.
- 2
Pick an end style
Fish-tail (V-notched), Curl (rolled), or Flat (square). The whole shape recomputes instantly.
- 3
Tune sliders
Length, height, fold-depth — set the proportions for your label or banner.
- 4
Add text in your design tool
Once you have the ribbon, add your headline / award name in Figma, Illustrator, or Photoshop.
- 5
Export
Copy SVG, or download SVG, PNG, or JPG up to 4096×4096.
Why Choose GraphMake?
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
Free SVG Heart Generator
Design custom heart shapes online. Drag sliders for width, depth, tilt, and sharpness — or grab the bezier handles for full control. Export as SVG, PNG, or JPG. No signup, no watermark.
Try it freeFree SVG Star Generator
Design custom star shapes online. Choose 3–12 points, adjust the inner radius, round the tips, or twist for a swirl effect. Export as SVG, PNG, or JPG. Free, no signup.
Try it freeFree SVG Leaf Generator
Design custom leaf shapes online. Tune width, length, vein notch, tip sharpness, and tilt. Export as SVG, PNG, or JPG. Free, no signup.
Try it freeGradient Generator
Create beautiful CSS gradients with a visual editor. Supports linear, radial, and conic gradients. Copy CSS, SVG, or Tailwind code. Download as SVG or PNG.
Try it freeSVG to PNG Converter
Convert SVG files to high-resolution PNG images instantly. Choose 1x–4x scale, transparent or solid background. Free, no signup, no file upload to servers — everything runs in your browser.
Try it freeBuild a Full Infographic
Combine charts, timelines, stat cards, and 45+ other widgets into a complete infographic.
Try the Full Editor