Cream clay ruler icon with blue tick marks
A diagonal 3D clay ruler in cream with raised blue tick marks of alternating lengths and a blue dot at the lower end.
An ivory ruler with raised blue ticks for measurement and layout.
Native image + HTML + React + CSS. Self-host without external image URLs.
Aspect ratio preserved. No upscaling. Respects reduced motion. Raster images, not SVG.
A long cream ruler lies diagonally from the lower left to the upper right, its corners rounded and its face slightly puffed. Along one edge run raised blue ticks in alternating lengths, long and short, like a real scale without numbers. At the lower left end, a small blue dot works as a hanging hole. The whole thing has a smooth matte finish.
Its tick marks suggest precision, so it complements the Pencil and Scissors icons from the same workspace pack in a design or craft section. The PNG is 231 by 236 pixels with a transparent background and comes with a WebP version, which is helpful for crisp thumbnails.
Where it works well
- The 'Measurements' tab on a furniture product page
- A spacing guide icon in a design tool's help menu
- The 'Size chart' link next to a clothing size selector
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
Open folderFolded documentDesk calendarWall clockClipboardNotebookPencilPenScissorsPaperclipPushpinArchive box