Random geometric shapes generator
Random circles, rectangles and triangles on a square canvas, ready to download as an SVG.
Output · 0 shapes
SVGA random composition of circles, rectangles, and triangles with random colors and opacity. Download it as a scalable SVG.
- Shapes
- Circle / rect / triangle
- Export
- SVG
Related tools
This random geometric shapes generator scatters circles, rectangles and triangles across a 400 by 400 canvas. Every shape gets a random size, position and color, plus an opacity between 40% and 90%, so overlapping shapes mix into new colors. Rectangles are also tilted by up to 90 degrees. Pick anywhere from 1 to 30 shapes, and when a layout looks right, save it as an SVG file.
How to generate random geometric shapes
- Set the Shapes slider from 1 to 30. It starts at 8.
- Moving the slider draws a fresh composition straight away.
- Click Regenerate (or Generate on a larger screen) for another layout with the same count.
- Click Download SVG to save it as shapes.svg.
Why SVG output?
An SVG file stores shapes, not pixels, so it stays sharp at any size, from a small icon to a full-screen background. It's also a short text file. You can paste it straight into HTML, or open it in Inkscape or Adobe Illustrator to recolor and move things around. The file includes a white background rectangle, so delete that first if you need transparency.
Uses for randomly generated geometric art
- Placeholder hero images and background textures in web mockups.
- Abstract covers for slides, documents or social posts.
- A starting point for generative art and creative coding sketches.
- Test images for checking how image and layout components behave.
Frequently asked questions
What shapes does the generator produce?
Circles, rectangles and triangles, with the type chosen at random for each shape. Triangles always point upward, and only the rectangles are rotated.
Can I control the number of shapes?
Yes. The Shapes slider goes from 1 for a sparse image to 30 for a crowded one.
Why download as SVG instead of PNG?
SVG scales without losing quality, and you can edit it in any vector graphics app. There's no PNG button, so if you need one, open the SVG in a vector editor and export it from there.
Can I use the downloaded SVG commercially?
Yes. The shapes are drawn in your browser from random numbers, and Randomly puts no license on the result. Use it however you like.
Built and maintained by Bipul Kumar. Found a wrong number or a broken result? Tell me and I'll fix it.