Glassmorphism Icons
80 animated glass icons in pure SVG, plus the AI skill that makes new ones in the same style. One payment unlocks them, along with every other skill and pack in the shop.
Try it in your colours
These 16 icons are free to download as animated SVG. Pick a colour or type your brand colour, then save the ones you want.
+64 more with membership
Members get all 80 as SVG files, a Studio to recolour and download them in any colour, and the skill that makes new ones.
How an icon is built
Two parts overlap: one in colour, one in glass. Everything is real SVG, so it stays sharp at any size and takes any gradient.
- ColourOne meaningful part, always a gradient.
- FrostUnder the glass, only a blurred copy shows.
- Tinted glassA pale tint of the icon's own colour, with a crisp rim.
- White detailsOnly real parts of the object.
Make your own
The skill works out which part of the object should be colour and which should be glass, then gives it a loop and a hover that fit. These two came straight from it.
A soft glass umbrella
A coffee cup with steam, in an orange gradient
What you can ask for
- Make a soft glass icon of a bicycle
- Turn this SVG into soft glass
- Make the 🍕 emoji into a glass icon
- Recolour all 80 icons with my brand gradient
- Make me a set of 12 finance icons in this style
Questions
What do members get?
All 80 icons as standalone SVG files, the Studio, the AI skill that makes new ones, and every other paid skill and pack in the shop, including new ones as they are added.
Can I use my brand colours?
Yes. The Studio comes in the download. Open it in your browser, type your brand colours, and download one icon or all 80 as SVG. No account needed.
Do the icons work outside a browser?
The animation runs wherever SVG animation (SMIL) runs, which means browsers. Design tools may show them static or drop the blur.
Can I use them in client work?
Yes, members can use them in personal and commercial projects, and credit isn't required. Please don't resell the skill or the icons.
License
Free to try. Commercial use needs a membership.
- Without a membership: personal use only. The icons you save from this page are free for personal projects. No commercial use.
- With a membership: use the skill, the icons and anything you make with them in personal and commercial projects: websites, apps, products, marketing and client work. Credit is not required.
- No reselling: nobody may resell or redistribute the skill or the icons, as a pack, as a library or one at a time, changed or not.