Isometric Office

Isometric Office builds a miniature workplace from small solid objects seen at a 30 degree angle. Matte teal does most of the work, warm ivory takes the lighter surfaces, and amber appears only on accents such as a lamp shade or a coffee spout.

16 assetsPNG · WebPFree commercial use · optional attribution
16 assets

You get Desktop computer, Laptop, Office desk, Office chair, Bookshelf, Filing cabinet, Printer, Projector, Whiteboard, Desk phone, Coffee machine, Desk lamp, Document stack, Archive box, Wall clock and Potted plant. Furniture, machines and small decor are all in the same viewing angle, so you can arrange them into a believable room without redrawing anything.

Each one is a transparent PNG with a lossless WebP version. Widths run from 165 to 271 px and heights from 190 to 294 px, and the Bookshelf, at 294 px tall, keeps its presence next to a 257 px Desk lamp.

Where this set fits

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.

Collection developer kit ZIP
<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-desktop-computer-isometric-office cc-float" role="img" aria-label="Desktop computer"></span>

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

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.

Are these SVG files?

This collection contains raster images in PNG and WebP. Native vector SVG is not included.