#FFDBA8 TYPE: VISUAL

Clay
Icons

Generate 3D clay icons on a canvas.

Stack
WebGL2
SDF shapes
Footprint
19kb
120 presets
Built
Three weeks
May 2025

Soft-shadowed icons built from signed distance fields, lit by a two-light rig, exported as PNG at whatever size you need.

How it works

Shapes are composed with smooth-minimum blending, which is what gives the pressed-clay silhouette instead of hard boolean edges.

Notes

Every preset is a URL, so a set can be handed to a teammate as links.

Changelog

  • v1.0 — First release.

Features

03 included
SDF composition
Smooth-minimum blending, no hard seams.
Two-light rig
Consistent shading across a whole set.
PNG export
Any size, transparent background.
clay-icons.example.dev — live
Screenshot of Clay Icons
No cookies APP 11 / 13