Cream clay gear icon with a blue center
A chunky cream gear with eight rounded teeth and a raised blue dome in the middle, in soft 3D clay on a transparent background.
An ivory gear with a blue center, for preferences and configuration.
Native image + HTML + React + CSS. Self-host without external image URLs.
Aspect ratio preserved. No upscaling. Respects reduced motion. Raster images, not SVG.
Eight blunt teeth radiate from a cream disc, each one rounded as if the gear had been shaped by thumb. In the center sits a cobalt dome set inside a shallow cream ring, raised enough to catch a small highlight. The gear is tilted a few degrees so the teeth on the right look thicker, and the shadow beneath stays soft rather than crisp.
The blue center is the only accent, so a row of icons can use it for the active state next to the Lock and Clock icons from the same collection. The PNG is 252 x 258 pixels with a clear background, with a WebP copy, and it stays recognizable even when scaled down to a toolbar button.
Where it works well
- The 'Preferences' entry in an account dropdown menu
- A configuration step marker in an onboarding checklist
- The gear overlay on an integrations card
Free use
Free to download, modify, share and use in personal or commercial projects. Attribution is appreciated, not required. AI-generated assets are provided without exclusivity or warranty. This permission applies to the downloadable assets, not the entire Chatcument codebase.
More from this collection
FolderDocumentCalendarClockCameraImage frameMusic notePlay buttonCloudLockMagnifying glassEnvelope