SVGrove

gear icon — free SVG

Download the free gear icon as SVG or PNG, copy the gear SVG code, or drop it into React as JSX — 4 matching styles, no attribution required.

gear (noun, verb) — a toothed wheel that engages another toothed mechanism in order to change the speed or direction of transmitted motion

gear icon — outline style, free SVGoutline
gear icon — filled style, free SVGfilled
gear icon — duotone style, free SVGduotone
gear icon — rounded style, free SVGrounded

How to use the gear icon

HTML: paste the SVG inline (it inherits currentColor) or hotlink it:

<img src="https://svgrove.com/api/icons/01KZ5TEVKWMG307NMZRF3SRDMM.svg" alt="gear icon" width="24" height="24">

React (JSX):

<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="6.2"/><circle cx="12" cy="12" r="2.5"/><path d="M12 3.5v2.3m0 12.4v2.3M3.5 12h2.3m12.4 0h2.3M6 6l1.6 1.6m8.8 8.8L18 18m0-12-1.6 1.6m-8.8 8.8L6 18"/></svg>

Accessibility: decorative use → aria-hidden="true"; meaningful use → role="img" aria-label="gear".

Download gear SVG & PNG

gear.svg · gear.png (512px) — all 4 styles are one click away in the picker once the page loads.

License

Free for personal and commercial use. No attribution required. Redistribution or resale of the icons as an icon library, pack or download service is not allowed. Read the SVGrove Free License.

Related icons

train

More in Home & Living

canproductsystemwelllinksmaphotelstoreofficecar