Copyright 2025. Flowjam Inc.
SVG Stained Glass Generator: Convert Any Image to Stained-Glass SVG (Free)
SVG Stained Glass Generator (2026)
An SVG stained glass generator is a tool that turns any image into a stained-glass mosaic where each piece is a polygon filled by the average colour underneath, with dark strokes around every cell that read as the leading between glass panels.
This one runs entirely in the browser.
Drop an image in, tweak the cell count, hit make, and download the SVG.
No images leave your machine.
How to Use It
Step 1. Upload an image, or hit the sample-image button to test.
Step 2. Pick the cell count. 60 to 200 reads as low-poly, 400 to 800 reads as classic stained glass, 1,000-plus reads as fine mosaic.
Step 3. Pick the lead width. Zero gives a flat mosaic without panels. 1.5 to 2.5 gives the classic leaded look.
Step 4. Hit make, then download as SVG or PNG.
Why SVG and Not PNG
SVG scales to any size without pixelation.
Every glass panel is a separately editable path, so you can drop the file into Figma or Illustrator and recolour individual cells.
File size is small. A 600-cell SVG is usually under 80 KB.
If you need a raster export at the end, the tool has a PNG download too.
FAQ
What does this SVG stained glass tool do?
It takes any image you upload and converts it into a stained-glass-style SVG, with each region rendered as a polygon filled by the average colour of the pixels under it.
The output is a real, editable SVG you can drop into Figma, Illustrator or your slides.
How does it work under the hood?
It scatters between 60 and 2,000 points across the image using a blue-noise distribution, runs Delaunay triangulation and Voronoi tessellation on those points using the d3-delaunay library, samples the centre colour of each Voronoi cell from the original image, and draws each cell as an SVG path with a dark stroke for the leading.
Everything happens in your browser, no images leave your machine.
Can I use the output commercially?
Yes.
The tool is free and the SVGs it produces belong to you.
If you are converting an image, you need rights to that image, but the tool itself adds no licence on top.
Why use SVG instead of a stained-glass filter that outputs PNG?
SVG scales cleanly to any size, every cell can be individually re-coloured later in Figma or Illustrator, and the file size is usually small.
PNG versions look pixelated when scaled and cannot be edited cell-by-cell.
What kind of images work best?
High-contrast images with clear colour blocks, like portraits, landscapes, product shots, or graphic art.
Photos with very fine detail (skyscapes, text) end up muddier.
If the result looks washed out, increase the cell count to 600 to 1,000.
About Flowjam
Flowjam is a launch video studio for founders. We ship animated 60-second launch videos in 7 days from $5,000, plus coordinated creator amplification on X and LinkedIn.
For founders looking at the broader launch playbook, see our breakdown of how to launch a SaaS in 2026 and our 25 waitlist landing page examples.
Got Questions?
We've Got Answers.
What's your email?
Need to email us? Send emails to adam@flowjam.com
What's the process?
Once you place your order, you'll be directed to a short form where you provide key details about your product and vision.
As soon as we receive it, we start writing the script—typically crafting 2-3 versions in different tones for you to choose from.
Within 1-2 days, we’ll send the script for your approval. Once approved, we move on to the storyboard, ensuring every scene aligns with your vision before we begin animation.
When the final video is ready, you get unlimited revisions to make sure it’s exactly what you want.
How does the turnaround time work?
We pride ourselves on fast delivery without sacrificing quality.
Unlike agencies that drag projects out for months, we work efficiently to get your video done in weeks.
If there are any unexpected delays, we’ll keep you informed every step of the way.
How many rounds of revisions are included?
All revisions are unlimited—we don’t stop until you’re 100% happy with the final video.
Who owns the rights?
You do. Unlike some agencies that charge extra for licensing, everything we create is yours to use however you want, with no hidden fees.
How do I get started?
You can purchase and start the process directly from our website.
Click the purchase button, fill out the form with your project details, and complete the payment.
If you have any questions before getting started, feel free to book a call.
Can I get a refund?
We do not offer refunds due to the creative nature of this service. All customers have a chance to review and agree to our Service Agreement prior to engaging with us. We offer unlimited revisions so we will work on the video as much as it needs until you love it!
What makes your launch videos different?
We focus on story-driven, high-converting videos that don’t just explain your software—they build hype and increase conversions. Our streamlined process delivers agency-quality videos without the bloated costs or long timelines.
Can you help with scriptwriting if I don’t know what I want?
Absolutely. We don’t expect you to have everything figured out—that’s our job. Our team will craft multiple script options based on your product and audience, ensuring the final video feels on-brand and compelling.
Do you offer voiceover and music?
Yes, every video includes a professional voiceover and background music at no additional cost. We work with a range of voice actors to match your brand’s tone.
What if I need the video faster?
If you’re on a tight deadline, let us know. We offer rush delivery options, depending on our current workload.
Launch videos for
moon-shot founders.
Founder
adam@flowjam.com