Web bits

CSS Icon Maker

Build a tiny CSS-only icon mark from useful controls instead of drawing it from scratch.

Shape the mark

Choose a subject, tune the feel, then copy a portable CSS-only icon component.

Icon name

Subject / prompt

Structure

Palette

Surface

Seed

Complexity 6

Softness 5

Depth 7

Pop 7

Order 6

Icon bench

Make the mark

The preview, variations and code all update from the same seed.

Variation strip