HTML Link & Heading Extractor
About SVG Gear Generator
The SVG Gear & Cog Wheel Generator creates involute and trapezoidal mechanical gear shapes (`tooth-count`, `pitch-radius`, `tooth-depth`, `center-hole-radius`, `corner-fillet`), generating precision gear vector graphics for settings icons and animations.
How to Use SVG Gear Generator
Step 1
Set tooth count, outer radius, tooth depth, and center hole size.
Step 2
Choose tooth profile style and corner roundness.
Step 3
Preview rotating animation in the interactive canvas.
Step 4
Click "Copy SVG Gear".
Practical Use Cases for SVG Gear Generator
Designing Settings & Preferences UI Icons
Generate clean 6, 8, or 12-tooth cog icons for application settings menus, admin dashboards, and configuration panels.
Building Meshing Gear Animations & Mechanical Graphics
Create mathematically accurate mechanical gear pairs with matching module pitch for rotating CSS/SVG animations.
Input & Output Examples
Generating 8-Tooth Settings Gear
Teeth: `8`, Outer Radius: `50`, Tooth Depth: `10`, Bore Radius: `15`
`<svg viewBox="-60 -60 120 120"><path d="M ... Z" fill="#64748b"/></svg>`
Key Features & Performance
- ✓Configurable: Tooth count (3 to 64 teeth), Outer radius, Root radius, Bore hole diameter, Tooth pressure angle, and Fillet radius.
- ✓Tooth profiles: Involute spur gear, Trapezoidal industrial cog, Rounded playful icon gear.
- ✓Live rotation animation preview demonstrating smooth CSS spin keyframes.
- ✓100% Client-Side trigonometry & SVG path compiler.
- ✓1-Click Copy SVG gear markup.
Key Terminology & Definitions
Involute Gear Profile
A tooth profile shaped along an involute curve that maintains a constant contact pressure angle during mechanical gear rotation.
Center Bore Hole
The circular shaft cutout at the geometric center of a gear wheel.