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

12
0.2
0.5
0.3

Style

click track to add
0.50
0.40
0.70
Helpful?

Want more customization?

Open the full editor with 70+ widgets, templates, and AI generation.

Open Full Editor

How to Use

  1. 1

    Pick a preset

    Standard, Heavy, Fine (24t), Industrial, Antique, or Watch — each is fully styled.

  2. 2

    Set teeth count

    8 for industrial, 12 for standard, 18+ for fine watch / clockwork. The slider goes from 4 to 24.

  3. 3

    Pick tooth shape

    Square (mechanical), Rounded (modern), or Angled (vintage / antique).

  4. 4

    Tune depth and width

    Tooth depth = how far teeth protrude. Tooth width = angular fraction filled by each tooth.

  5. 5

    Export

    Copy SVG, or download SVG, PNG, or JPG up to 4096×4096.

Why Choose GraphMake?

No signup required
Free — no watermark
70+ widget types
72 ready-made templates
Export as PNG, SVG, PDF
Works in any browser
Drag-and-drop editing

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

Build a Full Infographic

Combine charts, timelines, stat cards, and 45+ other widgets into a complete infographic.

Try the Full Editor