SVG Gear Generator
Generate a gear or cog wheel SVG with a chosen number of teeth, radius and centre hole, useful for settings icons and mechanical graphics.
Last reviewed by the Radiatus Cloud team
Generate a gear or cog wheel as clean, scalable SVG code.
Need this done properly for your business?
Radiatus delivers secure cloud, DevOps & compliance engineering.
Generate gears and cog wheels as SVG
A gear or cog wheel is a strong visual for settings, machinery and configuration, and this generator builds one as scalable SVG. You choose the number of teeth, the overall radius and the size of the central hole, and it produces a gear whose teeth are evenly spaced around the rim. Fewer teeth give a chunky, bold cog, while more teeth create a finer, more mechanical look. The central hole is cut out so the gear reads clearly as a wheel.
The teeth are placed with trigonometry so they are perfectly even, and the shape scales to any size without losing detail.
Using gear graphics
Gear icons are a universal symbol for settings and options, and a scalable SVG gear stays crisp whether it is a small toolbar icon or a large decorative graphic. Because the output is a polygon plus a circle, you can recolour it, resize it, or even animate it to rotate with a small amount of extra code. Adjusting the number of teeth is the easiest way to change its character.
The result is self-contained and works anywhere SVG is supported. Everything is generated locally in your browser.
Related tools
- EXIF Viewer — Extract hidden EXIF data (Camera, GPS, Settings) from images.
- Favicon Generator — Generate favicons and app icons at every required size from one source image, with the exact HTML to reference them.
- Placeholder Image Generator — Generate placeholder images at any size with custom colours and label text. Produced in your browser as downloadable files, no external hotlinking.
- Image Resizer — Resize images in your browser with aspect ratio control and format conversion. Files are processed locally and never uploaded.
Frequently Asked Questions
How many teeth should a gear have?
It is up to you. Fewer teeth give a bold, chunky cog, while more teeth create a finer, more mechanical appearance.
What is the centre hole for?
It makes the shape read clearly as a wheel and mimics the bore of a real gear. You can set its size or make it small.
Can I animate the gear?
Yes. Because it is plain SVG, you can add a rotation animation with CSS or SMIL to make it spin.
Does it stay sharp when enlarged?
Yes. It is vector SVG, so it remains crisp from a small settings icon up to a large graphic.
Privacy & Security
Everything runs in your browser; nothing is uploaded.
How to Use
Set the number of teeth, size and colour, then generate.
Disclaimer: This tool is provided "as is" without warranty of any kind. Results are for educational and utility purposes.
Related Tools
EXIF Viewer
ImageExtract hidden EXIF data (Camera, GPS, Settings) from images.
Favicon Generator
ImageGenerate favicons and app icons at every required size from one source image, with the exact HTML to reference them.
Placeholder Image Generator
ImageGenerate placeholder images at any size with custom colours and label text. Produced in your browser as downloadable files, no external hotlinking.