Clay document icon with blue lines and folded corner
A cream clay page with three rounded blue text bars and a blue folded corner, tilted in 3D, with a transparent background.
A folded document with three blue lines, for files, notes and reports.
Native image + HTML + React + CSS. Self-host without external image URLs.
Aspect ratio preserved. No upscaling. Respects reduced motion. Raster images, not SVG.
A single cream page stands slightly turned, as if resting on its edge. The top right corner is folded over into a cobalt triangle with a smooth, pillowy surface, and three fat rounded bars in the same blue stand in for lines of text, the last one shorter than the other two. Edges are puffy rather than sharp, and a pale highlight catches the top of the sheet.
It reads as a plain text file, so it works well beside the Folder and Mail icons from this set when a list needs a file type marker. The image is 202 x 259 pixels with transparent corners, saved as a PNG with a matching WebP, and it keeps its edges clean on both white and dark panels.
Where it works well
- The file-type badge for a .txt or .docx row in a document list
- A 'View terms' link icon in a checkout footer
- The placeholder thumbnail for a document that has not finished uploading
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
FolderCalendarClockCameraImage frameMusic notePlay buttonCloudLockMagnifying glassSettings gearEnvelope