Technology Blue

This pack lists Laptop, Desktop, Smartphone, Tablet, Keyboard, Mouse, USB drive, Hard drive, Server, Cloud, Chip, Robot, Wifi, Bluetooth, Battery and Plug. Screens and input devices cover the front of the desk, while Server, Cloud and Chip stand for the unseen infrastructure behind an app, which makes a system diagram easy to illustrate.

All sixteen are transparent PNGs paired with WebP files. Widths run from 139 to 264 px and heights from 153 to 275 px; the Battery, at 139 px wide, is the slimmest piece and the Desktop at 237 by 211 px is much broader.

Where this set fits

• Device-compatibility section on a product page
• Architecture overview slide showing client, server and cloud
• IT support portal categories for hardware and network issues
• Gadget review blog post covers and comparison tables

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-laptop-technology-blue cc-float" role="img" aria-label="Laptop"></span>

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