Free SVG Gear Generator
Design custom gear / cog SVG shapes online. Choose 4–24 teeth, square / rounded / angled tooth shapes. Export as SVG, PNG, or JPG. Free, no signup.
Shape
Style
Want more customization?
Open the full editor with 70+ widgets, templates, and AI generation.
How to Use
- 1
Pick a preset
Standard, Heavy, Fine (24t), Industrial, Antique, or Watch — each is fully styled.
- 2
Set teeth count
8 for industrial, 12 for standard, 18+ for fine watch / clockwork. The slider goes from 4 to 24.
- 3
Pick tooth shape
Square (mechanical), Rounded (modern), or Angled (vintage / antique).
- 4
Tune depth and width
Tooth depth = how far teeth protrude. Tooth width = angular fraction filled by each tooth.
- 5
Export
Copy SVG, or download SVG, PNG, or JPG up to 4096×4096.
Why Choose GraphMake?
About the SVG gear shape
The gear / cog is one of the most universal mechanical symbols in design — used for settings, configuration, machinery, "how things work", and steampunk / industrial aesthetic. It signals precision, mechanism, and complexity in a single shape.
Most gear icons on the web are the same Material Icons cog or Font Awesome gear, used millions of times. A custom gear with your specific tooth count, proportions, and finish (silver, gold, bronze, dark steel) elevates branded materials above the stock baseline.
This generator builds the gear as a parametric polygon — N teeth around a circular base, with three tooth shapes (square, rounded, angled) and full control over depth and width. The "Convert to editable path" button unlocks vertex editing for chipped / damaged / custom looks.
Tooth shape archetypes
Square (default): flat-top rectangular teeth. Reads as standard mechanical / industrial. Good for settings icons, engineering brands, generic mechanical illustrations.
Rounded: semicircular tooth tips. Reads as modern / softer / friendlier. Good for app icons in non-industrial contexts (productivity, finance), watch / clockwork visualizations.
Angled: trapezoidal teeth that taper outward. Reads as vintage / antique / steampunk. Good for retro branding, restoration / craft contexts, dramatic mechanical illustration.
Tips for great gear graphics
For settings icons: 12 teeth, square shape, medium-light gray gradient. The default works for almost every app — it's recognizable and clean at every size.
For industrial branding: fewer teeth (8), deeper depth (0.3+), darker fill (slate / charcoal / red). Reads as heavy machinery.
For watch / clockwork: many teeth (18–24), shallow depth (0.10–0.15), warm metallic gradient (gold or brass). Detailed and refined.
For steampunk: angled teeth, antique preset (bronze gradient + drop shadow). Pair with lightning bolts for the full retro-mechanical-electric aesthetic.
Animate it: gears rotate. CSS `transform: rotate(360deg)` over 4–8 seconds with a linear easing creates the classic spinning-gear loading state.
What You Can Create
Settings icons
Universal "settings / configuration" icon for apps and websites — replace the generic stock cog with a brand-tuned one.
Industrial / engineering branding
Manufacturing, machine shops, automotive, engineering firms.
Mechanical illustrations
Educational diagrams, "how it works" infographics, technical documentation.
Steampunk / vintage design
Antique gear preset with bronze gradient — perfect for steampunk graphics, vintage logos, retro aesthetics.
Process diagrams
Multiple gears interlocking to represent business processes, system integration, "moving parts" of an organization.
Animation
Rotating gear backgrounds — animate the gear with CSS rotation for "loading" / "processing" indicators.
Frequently Asked Questions
How many teeth should my gear have?
8 reads as "heavy industrial". 12 is the universal default, balanced. 18+ reads as fine watch / clockwork. Fewer teeth = chunky / bold; more teeth = precision / detail.
Can I make a hollow gear (with a center hole)?
Not currently — the SVG is a solid shape. Workaround: layer a smaller circle on top in your design tool, or use SVG masks. Native hole support is on the roadmap.
Is the gear SVG free for commercial use?
Yes. Use however you like — products, branding, social media, print. No license, no attribution.
Can I edit the gear shape after generating?
Yes — click "Convert to editable path" to bake the parametric output and unlock direct vertex / handle editing. Useful for chipping a tooth or other custom touches.
What sizes can I export?
SVG scales to any size. PNG and JPG: 256, 512, 1024, 2048, or 4096px.
Related Tools
Free 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 Lightning Bolt Generator
Design custom lightning bolt SVG shapes online. Adjust segments, zigzag, taper, and twist. 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