free 3d icons

Free soft 3D icons

Short answer

The Soft 3D style turns all 734 icons into soft, studio-lit 3D objects with real volume. Physical things (a camera, a gift, a house) sit at a gentle angle; symbols such as arrows and checks stay front-facing so they read at a glance; people become friendly Memoji-like busts. Click an icon below to copy the SVG, copy a PNG or download one. Free, MIT licensed, no credit needed.

Pick an icon, click to get it

A starter set for soft 3D icons. Search to find any of all 734.

Search icons

Any colour

Click an icon to copy it as SVG. Its name opens its page; opens it in the studio.

Want to change it first? Every icon has its own page with all 34 styles and every format, and a studio for its colours, stroke and size.

Browse all 734 icons Open the icon studio

Where they shine

Landing pages, onboarding and launches

Hero sections, feature cards, onboarding steps, app-store art, avatar pickers and launch posts. Every icon shares one soft studio light, so a set looks like one photo shoot; at 16 to 24 px use Line or Solid for the same icon.

Quick facts
Price	Free. No account, no paid tier, no watermark.
Licence	MIT: personal and commercial use, no credit required (licence in plain words).
Icons	734 icons × 34 styles, plus live icons (over 25,000 in all), every style on the same 24 × 24 grid.
Style family	Soft 3D is one of seven 3D & glass styles (with Glass, Luxe, Skeuo, Clay, Liquid, Chrome): rich looks whose colours, gradient stops included, are role-named CSS variables, so one palette recolours them all. See every Soft 3D icon.
Not a render	Real vectors with soft gradients: no images or blur filters, so it stays crisp, small and editable

server icon database icon cloud icon cpu icon cube icon boxes icon

FAQ

Questions people ask

Do the gradients survive copy and paste?

Yes. Each gradient sits inside the SVG with its own id, and the site and the packages make those ids unique for every icon on a page, so two icons never borrow each other’s colours. A downloaded .svg file has its colours baked in, ready for Figma, Illustrator or Canva.

Can I change the colours?

Yes. Pick a palette in the icon editor and every layer and gradient follows. On a website each colour is a CSS variable like --with-soft3d-c1 or --with-soft3d-accent, and the gradient stops read the same variables. Developer docs.

Can I use them commercially?

Yes, MIT licensed and free, with no credit required. Licence.

Find your icon in seconds

734 free icons, 34 styles, no account. Copy, download or drag them into your work.

Browse all icons