Soft Clay Blue

Sixteen everyday interface objects make up the pack: Folder, Document, Calendar, Clock, Camera, Image frame, Music note, Play button, Cloud, Lock, Magnifying glass, Settings gear, Envelope, Chat bubble, Light bulb and Gift box. They cover files, time, media, search and messaging, so a small product can dress most of its navigation from this single pack.

Every piece is a transparent PNG with a matching WebP. Widths run from 202 to 285 px and heights from 213 to 277 px, so the shapes are not forced into squares, and they drop onto white, tinted or dark backgrounds without a halo.

Where this set fits

• Feature icons on a SaaS landing page
• Onboarding checklist cards in a file-sharing app
• Section markers in a quarterly review slide template
• Empty-state and settings illustrations in a help center

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-soft-clay-blue cc-float" role="img" aria-label="Folder"></span>

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