3D & glassStyle 734 icons free

Clay icons

Soft, rounded 3D objects that look sculpted from matte clay. Warm, tactile and friendly. Great for AI products, onboarding, landing pages, empty states, consumer apps.

Open in the library See all 734 Download all734 SVGs · ZIP · 2.59 MB

Switch style

When to use Clay

Good for

AI products, onboarding, landing pages, empty states, consumer apps.

Sizes

Built with smooth gradients and layered light, so it reads from 32px and is at its best from 48px up: hero sections, feature cards, app tiles and launches.

Colour

Arrives in its own colours, painted with smooth gradients; pick a palette and every gradient follows. Developers can retint each colour role with CSS variables (--with-clay-c1 …), right inside the gradients.

For developers

@withicons/react/clay
<with-icon variant="clay">
with with-home with-clay

Developer docs · on npm

All 734 in Clay

Grouped by category. Click one for downloads, colours and sizes.

AI 7

Status 19

Time 12

Maps 13

Security 17

Charts 15

Weather 21

Food 17

Health 8

Education 9

Nature 13

Home 10

Travel 18

Sports 8

Lunar New Year 16

Valentine's 15

Halloween 16

Find your style

All thirty-four styles in six groups, named for what people make. Compare them side by side.

Essentials

Clean icons for apps, websites and documents.

Product & brand

For SaaS sites, launches and bold brand graphics: tiles, app icons and loud shapes.

3D & glass

Depth and shine for hero sections, decks and marketing.

Playful

Cute, colourful and fun: for kids, social posts and games.

Artistic

Illustrated looks with character: print, editorial and themed designs.

Holidays

For festivals and seasonal campaigns: Diwali, Durga Puja, Holi, Halloween, Christmas, Lunar New Year and Valentine's.