Blue clay calendar icon with two rings, PNG
A tilted 3D clay calendar with a blue header, two cream binder rings and six blue date squares on a transparent background.
A ring-bound calendar with six day markers, for schedules and events.
Native image + HTML + React + CSS. Self-host without external image URLs.
Aspect ratio preserved. No upscaling. Respects reduced motion. Raster images, not SVG.
The calendar has a cobalt header band with two cream loops standing up from it like binder rings, and a cream body below. The body carries two rows of three blue rounded squares, each slightly pressed into the clay, so the grid reads as days without needing numbers. The whole block is angled a little to the right, giving the right side a visible thickness and a soft shadow.
Because it carries no numbers, you can place it above any date text. It pairs naturally with the Clock and Mail icons from this collection for booking and reminder screens. The file is 231 by 259 pixels, a transparent PNG with a WebP twin, which is large enough for a 120 pixel tile at double density.
Where it works well
- The 'add to calendar' button area of an event landing page
- A booking widget header on a salon or clinic site
- The 'schedule send' row in an email settings panel
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
FolderDocumentClockCameraImage frameMusic notePlay buttonCloudLockMagnifying glassSettings gearEnvelope