Workspace Blue

The sixteen pieces are Open folder, Folded document, Desk calendar, Wall clock, Clipboard, Notebook, Pencil, Pen, Ruler, Scissors, Paperclip, Pushpin, Archive box, Printer, Scanner and Desk. Stationery, filing gear and office machines sit in one family, so a layout about paperwork can be assembled without borrowing from another style.

All sixteen files are transparent PNGs with WebP twins. Their widths run from 175 to 268 px and their heights from 188 to 264 px, with the Desk the widest and the Pushpin the narrowest, which is useful to know when you line them up in a row.

Where this set fits

• Task-board column headers in a project management tool
• Handout covers for a bookkeeping or admin workshop
• Stationery category tiles in an online office-supply store
• Illustrated steps in a document-scanning tutorial

Integrate with one image and shared CSS

Includes a WebP sprite at 128px display size, shared animation styles, a React component and original files. The sprite renders the collection with one image request. Use individual WebP files when you need native resolution.

<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-folder-workspace-blue cc-float" role="img" aria-label="Open folder"></span>

cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. Respects reduced motion and needs no animation library.