Liquid Glass Icon Studio — Design Glass App Icons in Your Browser

Build Apple-style liquid glass icons with a real-time WebGL2 renderer. Stack SVG or raster artwork, tune refraction, dispersion, blur, specular highlights and shadows, then export crisp PNGs — or a ZIP covering every appearance. Free, no signup, nothing leaves your browser.

What you can do in the studio

Real glass, not a texture

Every layer is refracted, blurred and lit in real time by a WebGL2 shader — with chromatic dispersion, Fresnel rim and volumetric depth instead of a flattened mock-up.

A real layer stack

Import icons from the MakeIcon library, drop your own SVG, PNG or JPEG artwork, group and reorder layers, and give each one its own colour, blend mode and glass material.

Export at icon sizes

Download PNG up to 4096px for the App Store and Play Store, or one ZIP that renders the default, dark and clear appearances at every size you need.

How to make a liquid glass icon

1

Add your artwork

Import an icon from the built-in library or drop in your own vector or raster art. Each import becomes a layer with its own silhouette.

2

Shape the glass

Pick a background, then dial in refraction, dispersion, blur, specular and shadow. The canvas updates as you drag — no render button.

3

Export and ship

Copy a 1024px PNG straight to the clipboard or export any size up to 4K, in every appearance, ready for the App Store, Play Store or the web.

Liquid Glass Icon Studio FAQ

What is a liquid glass icon?

A translucent, refractive icon style introduced with Apple's Liquid Glass design language: the artwork sits inside a glass shape that bends light from the background, with edge highlights and depth rather than a flat fill.

Is it really free, and do I need an account?

Yes — the studio is free and there is no signup, watermark or export limit. Everything renders locally in your browser.

Which formats can I import and export?

Import SVG, PNG and JPEG artwork. Export PNG up to 4096px, a single appearance or a ZIP containing the default, dark and clear variants.

Does it work on my device?

The studio needs a browser with WebGL2 — every current version of Chrome, Safari, Edge and Firefox qualifies. If WebGL2 is unavailable the editor still loads and renders the layers without refraction.